Colore con nome · #EAD4C4
Enjoy
Enjoy è #EAD4C4: rgb(234 212 196), hsl(25 47% 84%), oklch(0.884 0.033 58.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Enjoy color name →
#EAD4C4
oklch(0.884 0.033 58.4)
Conversioni di colore
- HEX
- #ead4c4
- RGB
- rgb(234 212 196)
- HSL
- hsl(25 47% 84%)
- HWB
- hwb(25 77% 8%)
- OKLCH
- oklch(0.884 0.033 58.4)
- OKLab
- oklab(0.884 0.017 0.028)
- CIE Lab
- lab(86.43 6 10.86)
- LCH
- lch(86.43 12.41 61.1)
- CMYK
- cmyk(0% 9% 16% 8%)
Tinte · Ombre · Toni
Tinte
- ECD8CA
- EEDDD0
- F0E1D6
- F3E5DB
- F5E9E1
- F7EEE7
- F9F2ED
- FBF6F3
- FDFBF9
Ombre
- CBB8AA
- AE9D91
- 918378
- 756961
- 5A514A
- 413A35
- 292421
- 13100E
- 030202
Toni
- DFCBBD
- D4C3B6
- C9BAAF
- BEB2A8
- B4A9A1
- A9A19B
- 9F9894
- 94908D
- 8A8887
Armonie di colore
Complementare +180°
- EAD4C4
Enjoy
- C6DCEC
≈ Island View
Analogo -30° +30°
Triadico +120° +240°
- EAD4C4
Enjoy
- C3E0D9
≈ Ulthuan Grey
- DBD4EC
≈ Teary Eyed
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.42:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.71:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--enjoy: #ead4c4;
--enjoy-rgb: 234 212 196;
--enjoy-oklch: oklch(0.884 0.033 58.4);
}
.element {
color: var(--enjoy);
background-color: hsl(25 47% 84%);
border-color: oklch(0.884 0.033 58.4);
}Tailwind CSS v4
@theme {
--color-enjoy: #ead4c4;
--color-enjoy-50: #fdf3ec;
--color-enjoy-100: #f0e6dd;
--color-enjoy-200: #dfd1c7;
--color-enjoy-300: #c4b4a7;
--color-enjoy-400: #ae9a8c;
--color-enjoy-500: #978171;
--color-enjoy-600: #806d60;
--color-enjoy-700: #66574d;
--color-enjoy-800: #4c4038;
--color-enjoy-900: #342c26;
--color-enjoy-950: #201914;
}SCSS
$enjoy: #ead4c4;
$enjoy-rgb: 234, 212, 196;
$enjoy-light: mix(#fff, $enjoy, 20%);
$enjoy-dark: mix(#000, $enjoy, 20%);
.element {
color: $enjoy;
box-shadow: 0 0 0 2px rgba($enjoy, 0.35);
}