Nearest named color · #CEAAC8
#CEAAC8
Nearest named color: Violet Vamp
#CEAAC8 (rgb(206 170 200), hsl(310 27% 74%), oklch(0.779 0.058 331.8)) is closest to the named color Violet Vamp. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#CEAAC8
oklch(0.779 0.058 331.8)
Color conversions
- HEX
- #ceaac8
- RGB
- rgb(206 170 200)
- HSL
- hsl(310 27% 74%)
- HWB
- hwb(310 67% 19%)
- OKLCH
- oklch(0.779 0.058 331.8)
- OKLab
- oklab(0.779 0.051 -0.027)
- CIE Lab
- lab(73.58 17.34 -10.17)
- LCH
- lch(73.58 20.1 329.6)
- CMYK
- cmyk(0% 17% 3% 19%)
Tints · Shades · Tones
Tints
- D3B2CD
- D8BBD3
- DDC3D8
- E2CBDE
- E7D4E3
- ECDCE9
- F0E5EE
- F5EEF4
- FAF6F9
Shades
- B393AE
- 987D94
- 7F687B
- 665363
- 4E3F4C
- 382D36
- 231B21
- 0F0B0F
- 020102
Tones
- C6A6C1
- BEA2B9
- B69DB2
- AE99AB
- A695A3
- 9F919C
- 978D95
- 8F888E
- 888487
Color harmonies
Complementary +180°
- CEAAC8
Violet Vamp
- 9CC2A5
≈ Aroma Garden
Analogous -30° +30°
- CEAAC8
Violet Vamp
- BEAFD7
≈ Moonraker
- D8A8B4
≈ Pink Nectar
Triadic +120° +240°
- CEAAC8
Violet Vamp
- C4B78D
≈ Modish Moss
- 8CC2CD
≈ After the Rain
Split-complementary +150° +210°
- CEAAC8
Violet Vamp
- B1BE94
≈ Gloaming Green
- 8EC4BA
≈ Little Blue Box
Tetradic +90° +180° +270°
- CEAAC8
Violet Vamp
- D3AF92
≈ Mellow Buff
- 9CC2A5
≈ Aroma Garden
- 97BCDA
≈ Manakin
Contrast & accessibility
Ag
FailOn white
WCAG 2.05:1 · APCA Lc 40
Ag
AAAOn black
WCAG 10.20:1 · APCA Lc 62
Best text color: #000000
WCAG 10.20:1 (AAA) · APCA Lc 62
Contrast pairs
Code snippets
CSS
:root {
--violet-vamp: #ceaac8;
--violet-vamp-rgb: 206 170 200;
--violet-vamp-oklch: oklch(0.779 0.058 331.8);
}
.element {
color: var(--violet-vamp);
background-color: hsl(310 27% 74%);
border-color: oklch(0.779 0.058 331.8);
}Tailwind CSS v4
@theme {
--color-violet-vamp: #ceaac8;
--color-violet-vamp-50: #ffeffc;
--color-violet-vamp-100: #f5e1f0;
--color-violet-vamp-200: #e4cbdf;
--color-violet-vamp-300: #cbadc4;
--color-violet-vamp-400: #b492ae;
--color-violet-vamp-500: #9d7898;
--color-violet-vamp-600: #856680;
--color-violet-vamp-700: #6b5167;
--color-violet-vamp-800: #4e3b4c;
--color-violet-vamp-900: #362935;
--color-violet-vamp-950: #211620;
}SCSS
$violet-vamp: #ceaac8;
$violet-vamp-rgb: 206, 170, 200;
$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);
}