Colore con nome · #9CA48A
Frozen Edamame
Frozen Edamame è #9CA48A: rgb(156 164 138), hsl(78 13% 59%), oklch(0.705 0.038 121.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Frozen Edamame color name →
#9CA48A
oklch(0.705 0.038 121.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- A5AD95
- AFB6A1
- B9BFAC
- C2C8B8
- CCD1C3
- D6DACF
- E0E3DB
- EAECE7
- F5F6F3
Ombre
- 878E77
- 737965
- 5F6453
- 4C5042
- 393D32
- 282B22
- 181A14
- 090A07
- 010101
Toni
- 99A089
- 969D88
- 939987
- 919586
- 8E9285
- 8B8E84
- 888B83
- 868782
- 838481
Armonie di colore
Complementare +180°
- 9CA48A
Frozen Edamame
- A49BB4
≈ Logan
Analogo -30° +30°
- 9CA48A
Frozen Edamame
- A9A086
≈ Tent Green
- 8FA794
≈ OMGreen
Triadico +120° +240°
- 9CA48A
Frozen Edamame
- 8CA4B6
≈ Cats and Dogs
- B5979E
≈ Deep South
Complementare divisa +150° +210°
- 9CA48A
Frozen Edamame
- 979FB8
≈ Silver Star
- AF98AB
≈ Lilac Lustre
Tetradico +90° +180° +270°
- 9CA48A
Frozen Edamame
- 85A7AE
≈ Stormy Waters
- A49BB4
≈ Logan
- B69892
≈ Del Rio
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.59:1 · APCA Lc 51
Ag
AAASu nero
WCAG 8.09:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 8.09:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
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);
}