Nazwany kolor · #EAD4C4
Enjoy
Enjoy to #EAD4C4: rgb(234 212 196), hsl(25 47% 84%), oklch(0.884 0.033 58.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Enjoy color name →
#EAD4C4
oklch(0.884 0.033 58.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECD8CA
- EEDDD0
- F0E1D6
- F3E5DB
- F5E9E1
- F7EEE7
- F9F2ED
- FBF6F3
- FDFBF9
Odcienie ciemniejsze
- CBB8AA
- AE9D91
- 918378
- 756961
- 5A514A
- 413A35
- 292421
- 13100E
- 030202
Tony
- DFCBBD
- D4C3B6
- C9BAAF
- BEB2A8
- B4A9A1
- A9A19B
- 9F9894
- 94908D
- 8A8887
Harmonie kolorów
Komplementarna +180°
- EAD4C4
Enjoy
- C6DCEC
≈ Island View
Analogowa -30° +30°
Triada +120° +240°
- EAD4C4
Enjoy
- C3E0D9
≈ Ulthuan Grey
- DBD4EC
≈ Teary Eyed
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.42:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.71:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
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);
}