#DAC0FB#DAC0FB
#DAC0FB is a very light, moderate violet. Relative luminance 0.596; OKLCH L 84.9% C 0.085 H 304.7°. Best body text is #000000 at 12.91:1 contrast (WCAG AA passes).
Color values
| HEX | #DAC0FB |
|---|---|
| RGB | rgb(218, 192, 251) |
| HSL | hsl(266, 88%, 87%) |
| HSV | hsv(266, 24%, 98%) |
| CMYK | cmyk(13.1%, 23.5%, 0%, 1.6%) |
| CIE-LAB | lab(81.60, 20.20, -25.68) |
| CIE-LCH | lch(81.60, 32.67, 308.19°) |
| OKLab | oklab(84.92% 0.0485 -0.07) |
| OKLCH | oklch(84.92% 0.085 304.7) |
| XYZ | xyz(65.1723, 59.5699, 99.3128) |
| Luminance | 0.5957 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Light Lavender
#DFC5FE
ΔE00 1.28
Pale Lilac
#E4CBFF
ΔE00 2.99
Light Violet
#D6B4FC
ΔE00 3.61
Light Lilac
#EDC8FF
ΔE00 4.02
Light Lavendar
#EFC0FE
ΔE00 4.77
Pale Lavender
#EECFFE
ΔE00 5.21
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#DAC0FB #E1FBC0
analogous
#C0C4FB #DAC0FB #F8C0FB
triadic
#DAC0FB #FBDAC0 #C0FBDA
tetradic
#DAC0FB #FBC0C4 #E1FBC0 #C0FBF8
square
#DAC0FB #FBC0C4 #E1FBC0 #C0FBF8
split-complementary
#DAC0FB #FBF8C0 #C4FBC0
monochromatic
#964DF4 #B886F7 #DAC0FB #EEE2FD #EEE2FD
Accessibility & contrast
On white
1.63
#DAC0FB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.91
#DAC0FB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #DAC0FB
12.91:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##DAC0FB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DAC0FB | 1.00 | 1.63 | 12.91 | 12.91 |
| #FFFFFF | 1.63 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.91 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.91 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B5CAFE
Deuteranopia (green-blind)
#BACBF9
Tritanopia (blue-blind)
#D5C8D4
Achromatopsia (no color)
#CBCBCB
Design tokens & code
CSS
--color: #dac0fb; /* rgb */ color: rgb(218, 192, 251); /* oklch */ color: oklch(84.9% 0.085 304.7);
Tailwind
colors: {
custom: {
50: '#e6d3fc',
500: '#dac0fb',
950: '#000000',
},
}SCSS
$custom: #dac0fb; $custom-light: #e6d3fc; $custom-dark: #000000;
JSON
{
"hex": "#dac0fb",
"rgb": {
"r": 218,
"g": 192,
"b": 251
},
"hsl": {
"h": 266.441,
"s": 88.06,
"l": 86.863
},
"oklch": {
"l": 0.8492,
"c": 0.08519,
"h": 304.7
},
"luminance": 0.5957
}Semantic roles & 50–950 ramp
primary
#DAC0FB
secondary
#B5E17F
accent
#E50180
background
#FEFEFF
surface
#FCFBFF
border
#D5D4D7
text
#161417
muted
#848385