Nazwany kolor · #E8D2D6
Desert Mauve
Desert Mauve to #E8D2D6: rgb(232 210 214), hsl(349 32% 87%), oklch(0.883 0.025 5.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Desert Mauve color name →
#E8D2D6
oklch(0.883 0.025 5.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EAD6DA
- EDDBDE
- EFDFE2
- F1E4E6
- F4E8EA
- F6EDEE
- F8F1F3
- FAF6F7
- FDFAFB
Odcienie ciemniejsze
- CAB6BA
- AC9B9E
- 908184
- 74686A
- 595052
- 40393B
- 292425
- 131010
- 030202
Tony
- DDC9CD
- D2C1C4
- C8B9BB
- BDB0B3
- B3A8AA
- A8A0A1
- 9E9899
- 949091
- 8A8888
Harmonie kolorów
Komplementarna +180°
- E8D2D6
Desert Mauve
- C7DEDA
≈ Sunken Pool
Analogowa -30° +30°
- E8D2D6
Desert Mauve
- E4D3DF
≈ Blissful Light
- E8D3CD
≈ Birthday Cake
Triada +120° +240°
- E8D2D6
Desert Mauve
- D4DCCA
≈ Ottoman
- CBDBE8
≈ Blue Me Away
Komplementarna rozszczepiona +150° +210°
- E8D2D6
Desert Mauve
- CCDED1
≈ Ruins of Civilization
- C7DDE3
≈ Light Blue Sloth
Tetrada +90° +180° +270°
- E8D2D6
Desert Mauve
- DDD9C6
≈ Salisbury Stone
- C7DEDA
≈ Sunken Pool
- D3D8E9
≈ Cheerful Whisper
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.43:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.62:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.62:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
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);
}