Couleur nommée · #9CA48A
Frozen Edamame
Frozen Edamame correspond à #9CA48A : rgb(156 164 138), hsl(78 13% 59%), oklch(0.705 0.038 121.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Frozen Edamame color name →
#9CA48A
oklch(0.705 0.038 121.3)
Conversions de couleur
- HEX
- #9ca48a
- RGB
- rgb(156 164 138)
- HSL
- hsl(78 13% 59%)
- HWB
- hwb(78 54% 36%)
- OKLCH
- oklch(0.705 0.038 121.3)
- OKLab
- oklab(0.705 -0.02 0.032)
- CIE Lab
- lab(66.18 -6.49 12.54)
- LCH
- lch(66.18 14.12 117.4)
- CMYK
- cmyk(5% 0% 16% 36%)
Teintes · Ombres · Tons
Teintes
- A5AD95
- AFB6A1
- B9BFAC
- C2C8B8
- CCD1C3
- D6DACF
- E0E3DB
- EAECE7
- F5F6F3
Ombres
- 878E77
- 737965
- 5F6453
- 4C5042
- 393D32
- 282B22
- 181A14
- 090A07
- 010101
Tons
- 99A089
- 969D88
- 939987
- 919586
- 8E9285
- 8B8E84
- 888B83
- 868782
- 838481
Harmonies de couleurs
Complémentaire +180°
- 9CA48A
Frozen Edamame
- A49BB4
≈ Logan
Analogue -30° +30°
- 9CA48A
Frozen Edamame
- A9A086
≈ Tent Green
- 8FA794
≈ OMGreen
Triadique +120° +240°
- 9CA48A
Frozen Edamame
- 8CA4B6
≈ Cats and Dogs
- B5979E
≈ Deep South
Complémentaire divisée +150° +210°
- 9CA48A
Frozen Edamame
- 979FB8
≈ Silver Star
- AF98AB
≈ Lilac Lustre
Tétradique +90° +180° +270°
- 9CA48A
Frozen Edamame
- 85A7AE
≈ Stormy Waters
- A49BB4
≈ Logan
- B69892
≈ Del Rio
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.59:1 · APCA Lc 51
Ag
AAASur noir
WCAG 8.09:1 · APCA Lc 51
Meilleure couleur de texte: #000000
WCAG 8.09:1 (AAA) · APCA Lc 51
Contrast pairs
Extraits de code
CSS
:root {
--frozen-edamame: #9ca48a;
--frozen-edamame-rgb: 156 164 138;
--frozen-edamame-oklch: oklch(0.705 0.038 121.3);
}
.element {
color: var(--frozen-edamame);
background-color: hsl(78 13% 59%);
border-color: oklch(0.705 0.038 121.3);
}Tailwind CSS v4
@theme {
--color-frozen-edamame: #9ca48a;
--color-frozen-edamame-50: #f3f7eb;
--color-frozen-edamame-100: #e5eadd;
--color-frozen-edamame-200: #d1d7c6;
--color-frozen-edamame-300: #b3bba6;
--color-frozen-edamame-400: #9ba28a;
--color-frozen-edamame-500: #828a6f;
--color-frozen-edamame-600: #6e755e;
--color-frozen-edamame-700: #585e4b;
--color-frozen-edamame-800: #414436;
--color-frozen-edamame-900: #2d2f25;
--color-frozen-edamame-950: #1a1c13;
}SCSS
$frozen-edamame: #9ca48a;
$frozen-edamame-rgb: 156, 164, 138;
$frozen-edamame-light: mix(#fff, $frozen-edamame, 20%);
$frozen-edamame-dark: mix(#000, $frozen-edamame, 20%);
.element {
color: $frozen-edamame;
box-shadow: 0 0 0 2px rgba($frozen-edamame, 0.35);
}