Nearest named color · #DDB0D1
#DDB0D1
Nearest named color: Violet Vamp
#DDB0D1 (rgb(221 176 209), hsl(316 40% 78%), oklch(0.807 0.068 335.9)) is closest to the named color Violet Vamp. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DDB0D1
oklch(0.807 0.068 335.9)
Color conversions
- HEX
- #ddb0d1
- RGB
- rgb(221 176 209)
- HSL
- hsl(316 40% 78%)
- HWB
- hwb(316 69% 13%)
- OKLCH
- oklch(0.807 0.068 335.9)
- OKLab
- oklab(0.807 0.062 -0.028)
- CIE Lab
- lab(76.73 20.86 -10.22)
- LCH
- lch(76.73 23.23 333.9)
- CMYK
- cmyk(0% 20% 5% 13%)
Tints · Shades · Tones
Tints
- E1B8D6
- E4C0DA
- E8C7DF
- EBCFE3
- EFD7E8
- F2DFED
- F5E7F1
- F9EFF6
- FCF7FA
Shades
- C099B5
- A4829B
- 886C81
- 6E5668
- 554250
- 3D2E39
- 261C23
- 110B10
- 020102
Tones
- D3ABC9
- CAA6C0
- C1A2B8
- B79DB0
- AE98A8
- A593A0
- 9B8E98
- 928A90
- 898588
Color harmonies
Complementary +180°
- DDB0D1
Violet Vamp
- 9DCEAE
≈ Retro Mint
Analogous -30° +30°
- DDB0D1
Violet Vamp
- CBB5E3
≈ Viking Diva
- E7AEB9
≈ Kawaii
Triadic +120° +240°
- DDB0D1
Violet Vamp
- CDC18E
≈ Hearts of Palm
- 8DCCDC
≈ Baby Motive
Split-complementary +150° +210°
- DDB0D1
Violet Vamp
- B5C999
≈ Sprout
- 8DCFC6
≈ Tropical Holiday
Tetradic +90° +180° +270°
- DDB0D1
Violet Vamp
- DFB892
≈ Pancho
- 9DCEAE
≈ Retro Mint
- 9CC5EA
≈ Pale Cerulean
Contrast & accessibility
Ag
FailOn white
WCAG 1.87:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.20:1 · APCA Lc 67
Best text color: #000000
WCAG 11.20:1 (AAA) · APCA Lc 67
Contrast pairs
Code snippets
CSS
:root {
--violet-vamp: #ddb0d1;
--violet-vamp-rgb: 221 176 209;
--violet-vamp-oklch: oklch(0.807 0.068 335.9);
}
.element {
color: var(--violet-vamp);
background-color: hsl(316 40% 78%);
border-color: oklch(0.807 0.068 335.9);
}Tailwind CSS v4
@theme {
--color-violet-vamp: #ddb0d1;
--color-violet-vamp-50: #ffeefc;
--color-violet-vamp-100: #f8e0f0;
--color-violet-vamp-200: #e9cade;
--color-violet-vamp-300: #cfabc4;
--color-violet-vamp-400: #b990ae;
--color-violet-vamp-500: #a37597;
--color-violet-vamp-600: #8a6380;
--color-violet-vamp-700: #6f4f67;
--color-violet-vamp-800: #513a4c;
--color-violet-vamp-900: #382735;
--color-violet-vamp-950: #231520;
}SCSS
$violet-vamp: #ddb0d1;
$violet-vamp-rgb: 221, 176, 209;
$violet-vamp-light: mix(#fff, $violet-vamp, 20%);
$violet-vamp-dark: mix(#000, $violet-vamp, 20%);
.element {
color: $violet-vamp;
box-shadow: 0 0 0 2px rgba($violet-vamp, 0.35);
}