Benannte Farbe · #E5E1DE
Dusky Dawn
Dusky Dawn ist #E5E1DE: rgb(229 225 222), hsl(26 12% 88%), oklch(0.912 0.006 59.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Dusky Dawn color name →
#E5E1DE
oklch(0.912 0.006 59.6)
Farbumrechnungen
- HEX
- #e5e1de
- RGB
- rgb(229 225 222)
- HSL
- hsl(26 12% 88%)
- HWB
- hwb(26 87% 10%)
- OKLCH
- oklch(0.912 0.006 59.6)
- OKLab
- oklab(0.912 0.003 0.005)
- CIE Lab
- lab(89.78 1.01 1.98)
- LCH
- lch(89.78 2.22 62.9)
- CMYK
- cmyk(0% 2% 3% 10%)
Tints · Shades · Tones
Tints
- E8E4E1
- EAE7E5
- EDEAE8
- EFEDEB
- F2F0EE
- F5F3F2
- F7F6F5
- FAF9F8
- FCFCFC
Shades
- C7C4C1
- AAA7A5
- 8E8B89
- 72706F
- 585655
- 3F3E3D
- 282726
- 121212
- 030202
Tones
- DAD7D4
- D0CDCA
- C6C3C1
- BBB9B7
- B1AFAE
- A7A6A4
- 9D9C9B
- 939392
- 8A8989
Farbharmonien
Komplementär +180°
- E5E1DE
Dusky Dawn
- DEE2E5
≈ January Dawn
Analog -30° +30°
- E5E1DE
Dusky Dawn
- E6E0E0
≈ Mountain Air
- E3E2DD
≈ Quiet on the Set
Triadisch +120° +240°
- E5E1DE
Dusky Dawn
- DEE3E2
≈ Zircon
- E2E1E5
≈ Orchid Blossom
Geteilt komplementär +150° +210°
- E5E1DE
Dusky Dawn
- DEE3E4
≈ Mauve White
- E0E2E6
≈ White Iris
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.29:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.15:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.15:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--dusky-dawn: #e5e1de;
--dusky-dawn-rgb: 229 225 222;
--dusky-dawn-oklch: oklch(0.912 0.006 59.6);
}
.element {
color: var(--dusky-dawn);
background-color: hsl(26 12% 88%);
border-color: oklch(0.912 0.006 59.6);
}Tailwind CSS v4
@theme {
--color-dusky-dawn: #e5e1de;
--color-dusky-dawn-50: #f6f5f3;
--color-dusky-dawn-100: #e9e7e6;
--color-dusky-dawn-200: #d6d4d2;
--color-dusky-dawn-300: #bab7b4;
--color-dusky-dawn-400: #a19e9b;
--color-dusky-dawn-500: #898582;
--color-dusky-dawn-600: #74716e;
--color-dusky-dawn-700: #5d5a58;
--color-dusky-dawn-800: #444240;
--color-dusky-dawn-900: #2f2d2c;
--color-dusky-dawn-950: #1b1a19;
}SCSS
$dusky-dawn: #e5e1de;
$dusky-dawn-rgb: 229, 225, 222;
$dusky-dawn-light: mix(#fff, $dusky-dawn, 20%);
$dusky-dawn-dark: mix(#000, $dusky-dawn, 20%);
.element {
color: $dusky-dawn;
box-shadow: 0 0 0 2px rgba($dusky-dawn, 0.35);
}