Benannte Farbe · #E2D9D2
Light Daydreamer
Light Daydreamer ist #E2D9D2: rgb(226 217 210), hsl(26 22% 85%), oklch(0.891 0.014 60.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Light Daydreamer color name →
#E2D9D2
oklch(0.891 0.014 60.6)
Farbumrechnungen
- HEX
- #e2d9d2
- RGB
- rgb(226 217 210)
- HSL
- hsl(26 22% 85%)
- HWB
- hwb(26 82% 11%)
- OKLCH
- oklch(0.891 0.014 60.6)
- OKLab
- oklab(0.891 0.007 0.012)
- CIE Lab
- lab(87.28 2.3 4.61)
- LCH
- lch(87.28 5.15 63.5)
- CMYK
- cmyk(0% 4% 7% 11%)
Tints · Shades · Tones
Tints
- E5DDD6
- E8E1DB
- EBE4DF
- EEE8E4
- F0ECE8
- F3F0ED
- F6F3F1
- F9F7F6
- FCFBFA
Shades
- C4BCB6
- A8A19B
- 8C8681
- 716C68
- 575350
- 3E3B39
- 272524
- 121110
- 030202
Tones
- D8D0C9
- CEC7C1
- C4BDB9
- BAB4B0
- B0ABA8
- A6A3A0
- 9C9A98
- 939190
- 898988
Farbharmonien
Komplementär +180°
- E2D9D2
Light Daydreamer
- D3DCE3
≈ A Dime a Dozen
Analog -30° +30°
- E2D9D2
Light Daydreamer
- E4D8D5
≈ Dreamy White
- DEDBD1
≈ Silver Ash
Triadisch +120° +240°
- E2D9D2
Light Daydreamer
- D2DEDB
≈ Sweet Slumber
- DCD9E3
≈ Misty Lavender
Geteilt komplementär +150° +210°
- E2D9D2
Light Daydreamer
- D1DEE0
≈ Spa Blue
- D7DBE4
≈ Star Jasmine
Tetradisch +90° +180° +270°
- E2D9D2
Light Daydreamer
- D5DED6
≈ Alpine Peak
- D3DCE3
≈ A Dime a Dozen
- E0D8DF
≈ Little Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.39:1 · APCA Lc 19
Ag
AAAAuf Schwarz
WCAG 15.08:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 15.08:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--light-daydreamer: #e2d9d2;
--light-daydreamer-rgb: 226 217 210;
--light-daydreamer-oklch: oklch(0.891 0.014 60.6);
}
.element {
color: var(--light-daydreamer);
background-color: hsl(26 22% 85%);
border-color: oklch(0.891 0.014 60.6);
}Tailwind CSS v4
@theme {
--color-light-daydreamer: #e2d9d2;
--color-light-daydreamer-50: #f8f4f1;
--color-light-daydreamer-100: #ebe7e3;
--color-light-daydreamer-200: #d9d3ce;
--color-light-daydreamer-300: #bdb6b0;
--color-light-daydreamer-400: #a59d96;
--color-light-daydreamer-500: #8d847d;
--color-light-daydreamer-600: #78706a;
--color-light-daydreamer-700: #605955;
--color-light-daydreamer-800: #46413e;
--color-light-daydreamer-900: #312d2a;
--color-light-daydreamer-950: #1d1a18;
}SCSS
$light-daydreamer: #e2d9d2;
$light-daydreamer-rgb: 226, 217, 210;
$light-daydreamer-light: mix(#fff, $light-daydreamer, 20%);
$light-daydreamer-dark: mix(#000, $light-daydreamer, 20%);
.element {
color: $light-daydreamer;
box-shadow: 0 0 0 2px rgba($light-daydreamer, 0.35);
}