Benoemde kleur · #E2C8B7
Ellen
Ellen is #E2C8B7: rgb(226 200 183), hsl(24 43% 80%), oklch(0.85 0.038 55.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Ellen color name →
#E2C8B7
oklch(0.85 0.038 55.3)
Kleurconversies
- HEX
- #e2c8b7
- RGB
- rgb(226 200 183)
- HSL
- hsl(24 43% 80%)
- HWB
- hwb(24 72% 11%)
- OKLCH
- oklch(0.85 0.038 55.3)
- OKLab
- oklab(0.85 0.021 0.031)
- CIE Lab
- lab(82.48 7.47 12.06)
- LCH
- lch(82.48 14.19 58.2)
- CMYK
- cmyk(0% 12% 19% 11%)
Tinten · Schaduwen · Tonen
Tinten
- E5CDBE
- E8D3C5
- EBD8CC
- EEDED3
- F1E3DB
- F4E9E2
- F6EEE9
- F9F4F0
- FCF9F8
Schaduwen
- C4AE9F
- A89487
- 8C7B70
- 71635A
- 574C45
- 3E3631
- 27211E
- 120F0C
- 030202
Tonen
- D8C1B1
- CEB9AC
- C4B2A6
- BAABA1
- B0A39B
- A69C96
- 9C9590
- 938E8B
- 898785
Kleurharmonieën
Complementair +180°
- E2C8B7
Ellen
- B7D2E3
≈ Delicate Ice
Analoog -30° +30°
- E2C8B7
Ellen
- E6C5C1
≈ Empire Rose
- D9CCB3
≈ Vanderbilt Beach
Triadisch +120° +240°
- E2C8B7
Ellen
- B5D6CC
≈ Gemini
- CFC9E4
≈ Italian Fitch
Gesplitst complementair +150° +210°
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.59:1 · APCA Lc 27
Ag
AAAOp zwart
WCAG 13.17:1 · APCA Lc 76
Beste tekstkleur: #000000
WCAG 13.17:1 (AAA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--ellen: #e2c8b7;
--ellen-rgb: 226 200 183;
--ellen-oklch: oklch(0.85 0.038 55.3);
}
.element {
color: var(--ellen);
background-color: hsl(24 43% 80%);
border-color: oklch(0.85 0.038 55.3);
}Tailwind CSS v4
@theme {
--color-ellen: #e2c8b7;
--color-ellen-50: #fef3eb;
--color-ellen-100: #f2e5dc;
--color-ellen-200: #e1d1c5;
--color-ellen-300: #c7b3a5;
--color-ellen-400: #b1998a;
--color-ellen-500: #9a806f;
--color-ellen-600: #836c5e;
--color-ellen-700: #69574b;
--color-ellen-800: #4d3f36;
--color-ellen-900: #362b25;
--color-ellen-950: #211914;
}SCSS
$ellen: #e2c8b7;
$ellen-rgb: 226, 200, 183;
$ellen-light: mix(#fff, $ellen, 20%);
$ellen-dark: mix(#000, $ellen, 20%);
.element {
color: $ellen;
box-shadow: 0 0 0 2px rgba($ellen, 0.35);
}