Nearest named color · #D0B2BD
#D0B2BD
Nearest named color: Mauvelous
#D0B2BD (rgb(208 178 189), hsl(338 24% 76%), oklch(0.793 0.037 353.9)) is closest to the named color Mauvelous. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D0B2BD
oklch(0.793 0.037 353.9)
Color conversions
- HEX
- #d0b2bd
- RGB
- rgb(208 178 189)
- HSL
- hsl(338 24% 76%)
- HWB
- hwb(338 70% 18%)
- OKLCH
- oklch(0.793 0.037 353.9)
- OKLab
- oklab(0.793 0.037 -0.004)
- CIE Lab
- lab(75.47 12.52 -1.39)
- LCH
- lch(75.47 12.6 353.7)
- CMYK
- cmyk(0% 14% 9% 18%)
Tints · Shades · Tones
Tints
- D5BAC3
- DAC1CA
- DEC9D0
- E3D0D7
- E8D8DE
- ECE0E4
- F1E7EB
- F6EFF2
- FAF7F8
Shades
- B59AA4
- 9A838C
- 806D74
- 67575D
- 4F4347
- 392F33
- 231D1F
- 100C0D
- 020102
Tones
- C8ADB7
- C0A8B0
- B7A3AA
- AF9EA4
- A7999E
- 9F9498
- 978F92
- 908A8C
- 888586
Color harmonies
Complementary +180°
- D0B2BD
Mauvelous
- A4C4B9
≈ Cascade Green
Analogous -30° +30°
- D0B2BD
Mauvelous
- C8B4C9
≈ Delicate Mauve
- D3B3B0
≈ Victoriana
Triadic +120° +240°
- D0B2BD
Mauvelous
- BBBFA3
≈ Quiet Waters
- A5C0D0
≈ Sea Breeze
Split-complementary +150° +210°
- D0B2BD
Mauvelous
- AEC2AD
≈ Young Gecko
- A0C3C6
≈ Ocean Kiss
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.94:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.78:1 · APCA Lc 65
Best text color: #000000
WCAG 10.78:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
CSS
:root {
--mauvelous: #d0b2bd;
--mauvelous-rgb: 208 178 189;
--mauvelous-oklch: oklch(0.793 0.037 353.9);
}
.element {
color: var(--mauvelous);
background-color: hsl(338 24% 76%);
border-color: oklch(0.793 0.037 353.9);
}Tailwind CSS v4
@theme {
--color-mauvelous: #d0b2bd;
--color-mauvelous-50: #fff1f5;
--color-mauvelous-100: #f3e3e8;
--color-mauvelous-200: #e2ced5;
--color-mauvelous-300: #c8b0b8;
--color-mauvelous-400: #b196a0;
--color-mauvelous-500: #9b7c88;
--color-mauvelous-600: #836973;
--color-mauvelous-700: #69545c;
--color-mauvelous-800: #4d3d44;
--color-mauvelous-900: #362a2f;
--color-mauvelous-950: #21181b;
}SCSS
$mauvelous: #d0b2bd;
$mauvelous-rgb: 208, 178, 189;
$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);
}