Benannte Farbe · #E8D2D6
Desert Mauve
Desert Mauve ist #E8D2D6: rgb(232 210 214), hsl(349 32% 87%), oklch(0.883 0.025 5.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Desert Mauve color name →
#E8D2D6
oklch(0.883 0.025 5.2)
Farbumrechnungen
- HEX
- #e8d2d6
- RGB
- rgb(232 210 214)
- HSL
- hsl(349 32% 87%)
- HWB
- hwb(349 82% 9%)
- OKLCH
- oklch(0.883 0.025 5.2)
- OKLab
- oklab(0.883 0.025 0.002)
- CIE Lab
- lab(86.12 8.39 0.94)
- LCH
- lch(86.12 8.45 6.4)
- CMYK
- cmyk(0% 9% 8% 9%)
Tints · Shades · Tones
Tints
- EAD6DA
- EDDBDE
- EFDFE2
- F1E4E6
- F4E8EA
- F6EDEE
- F8F1F3
- FAF6F7
- FDFAFB
Shades
- CAB6BA
- AC9B9E
- 908184
- 74686A
- 595052
- 40393B
- 292425
- 131010
- 030202
Tones
- DDC9CD
- D2C1C4
- C8B9BB
- BDB0B3
- B3A8AA
- A8A0A1
- 9E9899
- 949091
- 8A8888
Farbharmonien
Komplementär +180°
- E8D2D6
Desert Mauve
- C7DEDA
≈ Sunken Pool
Analog -30° +30°
- E8D2D6
Desert Mauve
- E4D3DF
≈ Blissful Light
- E8D3CD
≈ Birthday Cake
Triadisch +120° +240°
- E8D2D6
Desert Mauve
- D4DCCA
≈ Ottoman
- CBDBE8
≈ Blue Me Away
Geteilt komplementär +150° +210°
- E8D2D6
Desert Mauve
- CCDED1
≈ Ruins of Civilization
- C7DDE3
≈ Light Blue Sloth
Tetradisch +90° +180° +270°
- E8D2D6
Desert Mauve
- DDD9C6
≈ Salisbury Stone
- C7DEDA
≈ Sunken Pool
- D3D8E9
≈ Cheerful Whisper
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.43:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.62:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.62:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--desert-mauve: #e8d2d6;
--desert-mauve-rgb: 232 210 214;
--desert-mauve-oklch: oklch(0.883 0.025 5.2);
}
.element {
color: var(--desert-mauve);
background-color: hsl(349 32% 87%);
border-color: oklch(0.883 0.025 5.2);
}Tailwind CSS v4
@theme {
--color-desert-mauve: #e8d2d6;
--color-desert-mauve-50: #fcf2f4;
--color-desert-mauve-100: #f0e5e6;
--color-desert-mauve-200: #ded0d2;
--color-desert-mauve-300: #c4b2b5;
--color-desert-mauve-400: #ac999c;
--color-desert-mauve-500: #968084;
--color-desert-mauve-600: #7e6c70;
--color-desert-mauve-700: #655659;
--color-desert-mauve-800: #4a3f41;
--color-desert-mauve-900: #342b2d;
--color-desert-mauve-950: #1f191a;
}SCSS
$desert-mauve: #e8d2d6;
$desert-mauve-rgb: 232, 210, 214;
$desert-mauve-light: mix(#fff, $desert-mauve, 20%);
$desert-mauve-dark: mix(#000, $desert-mauve, 20%);
.element {
color: $desert-mauve;
box-shadow: 0 0 0 2px rgba($desert-mauve, 0.35);
}