Benannte Farbe · #D6B3C0
Mauvelous
Mauvelous ist #D6B3C0: rgb(214 179 192), hsl(338 30% 77%), oklch(0.801 0.044 353.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Mauvelous color name →
#D6B3C0
oklch(0.801 0.044 353.8)
Farbumrechnungen
- HEX
- #d6b3c0
- RGB
- rgb(214 179 192)
- HSL
- hsl(338 30% 77%)
- HWB
- hwb(338 70% 16%)
- OKLCH
- oklch(0.801 0.044 353.8)
- OKLab
- oklab(0.801 0.044 -0.005)
- CIE Lab
- lab(76.36 14.61 -1.65)
- LCH
- lch(76.36 14.7 353.6)
- CMYK
- cmyk(0% 16% 10% 16%)
Tints · Shades · Tones
Tints
- DABAC6
- DEC2CC
- E3C9D3
- E7D1D9
- EBD9DF
- EFE0E5
- F3E8EC
- F7F0F2
- FBF7F9
Shades
- BA9BA7
- 9E848E
- 846E76
- 6A585F
- 524349
- 3B2F34
- 251D20
- 100C0E
- 020102
Tones
- CDAEB9
- C4A9B3
- BCA3AC
- B39EA6
- AA999F
- A29499
- 998F93
- 918A8C
- 888586
Farbharmonien
Komplementär +180°
- D6B3C0
Mauvelous
- A2C8BC
≈ Wave Runner
Analog -30° +30°
- D6B3C0
Mauvelous
- CDB5CE
≈ Softly Softly
- D9B4B1
≈ Tea Room
Triadisch +120° +240°
- D6B3C0
Mauvelous
- BDC2A2
≈ Chameleon Tango
- A3C3D6
≈ Blue Bows
Geteilt komplementär +150° +210°
- D6B3C0
Mauvelous
- AEC6AD
≈ Zanah
- 9EC7CB
≈ Agua Fría
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.89:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.06:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 11.06:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--mauvelous: #d6b3c0;
--mauvelous-rgb: 214 179 192;
--mauvelous-oklch: oklch(0.801 0.044 353.8);
}
.element {
color: var(--mauvelous);
background-color: hsl(338 30% 77%);
border-color: oklch(0.801 0.044 353.8);
}Tailwind CSS v4
@theme {
--color-mauvelous: #d6b3c0;
--color-mauvelous-50: #fff0f5;
--color-mauvelous-100: #f5e2e8;
--color-mauvelous-200: #e5cdd5;
--color-mauvelous-300: #cbafb8;
--color-mauvelous-400: #b494a0;
--color-mauvelous-500: #9e7b88;
--color-mauvelous-600: #866873;
--color-mauvelous-700: #6b535c;
--color-mauvelous-800: #4f3c44;
--color-mauvelous-900: #37292f;
--color-mauvelous-950: #22171b;
}SCSS
$mauvelous: #d6b3c0;
$mauvelous-rgb: 214, 179, 192;
$mauvelous-light: mix(#fff, $mauvelous, 20%);
$mauvelous-dark: mix(#000, $mauvelous, 20%);
.element {
color: $mauvelous;
box-shadow: 0 0 0 2px rgba($mauvelous, 0.35);
}