Nazwany kolor · #E6D1DC
Nefarious Mauve
Nefarious Mauve to #E6D1DC: rgb(230 209 220), hsl(329 30% 86%), oklch(0.881 0.027 344.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Nefarious Mauve color name →
#E6D1DC
oklch(0.881 0.027 344.7)
Konwersje koloru
- HEX
- #e6d1dc
- RGB
- rgb(230 209 220)
- HSL
- hsl(329 30% 86%)
- HWB
- hwb(329 82% 10%)
- OKLCH
- oklch(0.881 0.027 344.7)
- OKLab
- oklab(0.881 0.026 -0.007)
- CIE Lab
- lab(85.83 8.94 -2.66)
- LCH
- lch(85.83 9.32 343.4)
- CMYK
- cmyk(0% 9% 4% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E9D6DF
- EBDAE3
- EEDFE6
- F0E3EA
- F3E8ED
- F5ECF1
- F8F1F4
- FAF6F8
- FDFAFB
Odcienie ciemniejsze
- C8B5BF
- AB9BA3
- 8E8188
- 73686E
- 595054
- 40393C
- 282326
- 131011
- 030202
Tony
- DBC9D2
- D1C0C9
- C6B8BF
- BCB0B6
- B2A8AD
- A8A0A4
- 9E989B
- 949092
- 8A8889
Harmonie kolorów
Komplementarna +180°
- E6D1DC
Nefarious Mauve
- C8DED3
≈ Kappa Green
Analogowa -30° +30°
- E6D1DC
Nefarious Mauve
- DFD3E5
≈ Alpine Moon
- E9D1D2
≈ Pink Plum
Triada +120° +240°
- E6D1DC
Nefarious Mauve
- DAD9C5
≈ Smoky Light
- C6DCE6
≈ King of Waves
Komplementarna rozszczepiona +150° +210°
- E6D1DC
Nefarious Mauve
- D0DCCA
≈ Leek White
- C4DEDD
≈ Light Dante Peak
Tetrada +90° +180° +270°
- E6D1DC
Nefarious Mauve
- E3D6C4
≈ Canvas Luggage
- C8DED3
≈ Kappa Green
- CCD9EA
≈ Sea Breeze Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.51:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.51:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--nefarious-mauve: #e6d1dc;
--nefarious-mauve-rgb: 230 209 220;
--nefarious-mauve-oklch: oklch(0.881 0.027 344.7);
}
.element {
color: var(--nefarious-mauve);
background-color: hsl(329 30% 86%);
border-color: oklch(0.881 0.027 344.7);
}Tailwind CSS v4
@theme {
--color-nefarious-mauve: #e6d1dc;
--color-nefarious-mauve-50: #fcf2f7;
--color-nefarious-mauve-100: #efe4ea;
--color-nefarious-mauve-200: #ded0d6;
--color-nefarious-mauve-300: #c3b2ba;
--color-nefarious-mauve-400: #ab98a2;
--color-nefarious-mauve-500: #947f8a;
--color-nefarious-mauve-600: #7d6c75;
--color-nefarious-mauve-700: #64565e;
--color-nefarious-mauve-800: #493f45;
--color-nefarious-mauve-900: #332b30;
--color-nefarious-mauve-950: #1f191c;
}SCSS
$nefarious-mauve: #e6d1dc;
$nefarious-mauve-rgb: 230, 209, 220;
$nefarious-mauve-light: mix(#fff, $nefarious-mauve, 20%);
$nefarious-mauve-dark: mix(#000, $nefarious-mauve, 20%);
.element {
color: $nefarious-mauve;
box-shadow: 0 0 0 2px rgba($nefarious-mauve, 0.35);
}