Couleur nommée la plus proche · #95B599
#95B599
Couleur nommée la plus proche: Copper Patina
#95B599 (rgb(149 181 153), hsl(127 18% 65%), oklch(0.741 0.053 148.5)) est la plus proche de la couleur nommée Copper Patina. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#95B599
oklch(0.741 0.053 148.5)
Conversions de couleur
- HEX
- #95b599
- RGB
- rgb(149 181 153)
- HSL
- hsl(127 18% 65%)
- HWB
- hwb(127 58% 29%)
- OKLCH
- oklch(0.741 0.053 148.5)
- OKLab
- oklab(0.741 -0.045 0.028)
- CIE Lab
- lab(70.69 -15.46 10.55)
- LCH
- lch(70.69 18.72 145.7)
- CMYK
- cmyk(18% 0% 15% 29%)
Teintes · Ombres · Tons
Teintes
- 9FBCA3
- AAC4AD
- B4CBB7
- BFD2C1
- C9DACB
- D4E1D5
- DFE8E0
- E9F0EA
- F4F7F4
Ombres
- 819D84
- 6D8670
- 5A6F5D
- 48594A
- 374438
- 263027
- 161D17
- 080C08
- 010201
Tons
- 93B097
- 91AA94
- 8FA592
- 8DA08F
- 8B9A8D
- 89958A
- 879088
- 848A85
- 828583
Harmonies de couleurs
Complémentaire +180°
- 95B599
Copper Patina
- BEA0BC
≈ Beach Lilac
Analogue -30° +30°
- 95B599
Copper Patina
- A7B08B
≈ Filigree Green
- 87B7AB
≈ Winter Surf
Triadique +120° +240°
- 95B599
Copper Patina
- 9DABCE
≈ Lilac Scent Soft Blue
- CB9F98
≈ Aged Pink
Complémentaire divisée +150° +210°
- 95B599
Copper Patina
- AFA4C9
≈ Forever Lilac
- C89EAB
≈ Damsel
Tétradique +90° +180° +270°
- 95B599
Copper Patina
- 8DB1C9
≈ Windy Day
- BEA0BC
≈ Beach Lilac
- C5A48B
≈ Peanut Butter Crust
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.24:1 · APCA Lc 44
Ag
AAASur noir
WCAG 9.34:1 · APCA Lc 58
Meilleure couleur de texte: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
Extraits de code
CSS
:root {
--copper-patina: #95b599;
--copper-patina-rgb: 149 181 153;
--copper-patina-oklch: oklch(0.741 0.053 148.5);
}
.element {
color: var(--copper-patina);
background-color: hsl(127 18% 65%);
border-color: oklch(0.741 0.053 148.5);
}Tailwind CSS v4
@theme {
--color-copper-patina: #95b599;
--color-copper-patina-50: #ebfaed;
--color-copper-patina-100: #dceddf;
--color-copper-patina-200: #c5dbc9;
--color-copper-patina-300: #a5c0aa;
--color-copper-patina-400: #8aa88d;
--color-copper-patina-500: #6e9073;
--color-copper-patina-600: #5e7a61;
--color-copper-patina-700: #4b624e;
--color-copper-patina-800: #374838;
--color-copper-patina-900: #253226;
--color-copper-patina-950: #141d14;
}SCSS
$copper-patina: #95b599;
$copper-patina-rgb: 149, 181, 153;
$copper-patina-light: mix(#fff, $copper-patina, 20%);
$copper-patina-dark: mix(#000, $copper-patina, 20%);
.element {
color: $copper-patina;
box-shadow: 0 0 0 2px rgba($copper-patina, 0.35);
}