Couleur nommée la plus proche · #88A18B
#88A18B
Couleur nommée la plus proche: Envy
#88A18B (rgb(136 161 139), hsl(127 12% 58%), oklch(0.683 0.042 148.5)) est la plus proche de la couleur nommée Envy. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#88A18B
oklch(0.683 0.042 148.5)
Conversions de couleur
- HEX
- #88a18b
- RGB
- rgb(136 161 139)
- HSL
- hsl(127 12% 58%)
- HWB
- hwb(127 53% 37%)
- OKLCH
- oklch(0.683 0.042 148.5)
- OKLab
- oklab(0.683 -0.036 0.022)
- CIE Lab
- lab(63.83 -12.38 8.45)
- LCH
- lch(63.83 14.99 145.7)
- CMYK
- cmyk(16% 0% 14% 37%)
Teintes · Ombres · Tons
Teintes
- 93AA96
- 9FB3A1
- ABBCAD
- B6C6B8
- C2CFC4
- CED9CF
- DAE2DB
- E6ECE7
- F3F5F3
Ombres
- 758B78
- 637666
- 526254
- 414E43
- 313C32
- 222A23
- 131914
- 060907
- 010101
Tons
- 879E8A
- 879A89
- 869788
- 859487
- 849086
- 838D84
- 838A83
- 828782
- 818381
Harmonies de couleurs
Complémentaire +180°
- 88A18B
Envy
- A890A7
≈ Uptown Girl
Analogue -30° +30°
- 88A18B
Envy
- 969D80
≈ Willowbrook Manor
- 7EA299
≈ Gnome
Triadique +120° +240°
Complémentaire divisée +150° +210°
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.79:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.51:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--envy: #88a18b;
--envy-rgb: 136 161 139;
--envy-oklch: oklch(0.683 0.042 148.5);
}
.element {
color: var(--envy);
background-color: hsl(127 12% 58%);
border-color: oklch(0.683 0.042 148.5);
}Tailwind CSS v4
@theme {
--color-envy: #88a18b;
--color-envy-50: #edf9ef;
--color-envy-100: #deece1;
--color-envy-200: #c8dacb;
--color-envy-300: #a9beac;
--color-envy-400: #8ea691;
--color-envy-500: #738e77;
--color-envy-600: #627865;
--color-envy-700: #4e6050;
--color-envy-800: #39473a;
--color-envy-900: #273128;
--color-envy-950: #151d16;
}SCSS
$envy: #88a18b;
$envy-rgb: 136, 161, 139;
$envy-light: mix(#fff, $envy, 20%);
$envy-dark: mix(#000, $envy, 20%);
.element {
color: $envy;
box-shadow: 0 0 0 2px rgba($envy, 0.35);
}