Colore con nome · #EAD5C7
Light Ellen
Light Ellen è #EAD5C7: rgb(234 213 199), hsl(24 45% 85%), oklch(0.886 0.03 56). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Ellen color name →
#EAD5C7
oklch(0.886 0.03 56)
Conversioni di colore
- HEX
- #ead5c7
- RGB
- rgb(234 213 199)
- HSL
- hsl(24 45% 85%)
- HWB
- hwb(24 78% 8%)
- OKLCH
- oklch(0.886 0.03 56)
- OKLab
- oklab(0.886 0.017 0.025)
- CIE Lab
- lab(86.74 5.85 9.72)
- LCH
- lch(86.74 11.35 59)
- CMYK
- cmyk(0% 9% 15% 8%)
Tinte · Ombre · Toni
Tinte
- ECD9CD
- EEDDD2
- F0E2D8
- F3E6DD
- F5EAE3
- F7EEE8
- F9F2EE
- FBF7F4
- FDFBF9
Ombre
- CBB9AD
- AE9E93
- 91837A
- 756A62
- 5A514C
- 413A36
- 292421
- 13100E
- 030202
Toni
- DFCCC0
- D4C3B8
- C9BBB1
- BEB2AA
- B4AAA3
- A9A19C
- 9F9995
- 94908E
- 8A8887
Armonie di colore
Complementare +180°
- EAD5C7
Light Ellen
- C8DDEB
≈ Put on Ice
Analogo -30° +30°
- EAD5C7
Light Ellen
- EDD2CF
≈ Romantic Déjà Vu
- E2D9C4
≈ Exclusive Ivory
Triadico +120° +240°
- EAD5C7
Light Ellen
- C6E1D9
≈ Ulthuan Grey
- DBD6EC
≈ Light Lavender Water
Complementare divisa +150° +210°
- EAD5C7
Light Ellen
- C4E0E3
≈ Bathe Blue
- D0DAEE
≈ Hawkes Blue
Tetradico +90° +180° +270°
- EAD5C7
Light Ellen
- CEDFCE
≈ St. Augustine
- C8DDEB
≈ Put on Ice
- E5D3E4
≈ Sonora Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.41:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.84:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.84:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--light-ellen: #ead5c7;
--light-ellen-rgb: 234 213 199;
--light-ellen-oklch: oklch(0.886 0.03 56);
}
.element {
color: var(--light-ellen);
background-color: hsl(24 45% 85%);
border-color: oklch(0.886 0.03 56);
}Tailwind CSS v4
@theme {
--color-light-ellen: #ead5c7;
--color-light-ellen-50: #fcf3ed;
--color-light-ellen-100: #f0e6de;
--color-light-ellen-200: #dfd1c8;
--color-light-ellen-300: #c4b4a9;
--color-light-ellen-400: #ad9a8e;
--color-light-ellen-500: #968173;
--color-light-ellen-600: #7f6e62;
--color-light-ellen-700: #66584e;
--color-light-ellen-800: #4b4039;
--color-light-ellen-900: #342c27;
--color-light-ellen-950: #1f1915;
}SCSS
$light-ellen: #ead5c7;
$light-ellen-rgb: 234, 213, 199;
$light-ellen-light: mix(#fff, $light-ellen, 20%);
$light-ellen-dark: mix(#000, $light-ellen, 20%);
.element {
color: $light-ellen;
box-shadow: 0 0 0 2px rgba($light-ellen, 0.35);
}