#DAD3FE#DAD3FE
#DAD3FE is a very light, muted blue. Relative luminance 0.686; OKLCH L 88.6% C 0.059 H 292.6°. Best body text is #000000 at 14.73:1 contrast (WCAG AA passes).
Color values
| HEX | #DAD3FE |
|---|---|
| RGB | rgb(218, 211, 254) |
| HSL | hsl(250, 96%, 91%) |
| HSV | hsv(250, 17%, 100%) |
| CMYK | cmyk(14.2%, 16.9%, 0%, 0.4%) |
| CIE-LAB | lab(86.33, 10.66, -20.09) |
| CIE-LCH | lch(86.33, 22.74, 297.94°) |
| OKLab | oklab(88.62% 0.0227 -0.0545) |
| OKLCH | oklch(88.62% 0.059 292.6) |
| XYZ | xyz(70.0933, 68.6492, 103.3046) |
| Luminance | 0.6865 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Periwinkle
#CCCCFF
ΔE00 3.83
Pale Lilac
#E4CBFF
ΔE00 5.05
Light Lavender
#DFC5FE
ΔE00 5.77
Light Periwinkle
#C1C6FC
ΔE00 6.23
Pale Lavender
#EECFFE
ΔE00 6.58
Light Lilac
#EDC8FF
ΔE00 7.69
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#DAD3FE #F7FED3
analogous
#D3E1FE #DAD3FE #EFD3FE
triadic
#DAD3FE #FEDAD3 #D3FEDA
tetradic
#DAD3FE #FED3E1 #F7FED3 #D3FEEF
square
#DAD3FE #FED3E1 #F7FED3 #D3FEEF
split-complementary
#DAD3FE #FEEFD3 #E1FED3
monochromatic
#755BFB #A897FD #DAD3FE #E6E1FE #E6E1FE
Accessibility & contrast
On white
1.43
#DAD3FE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.73
#DAD3FE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #DAD3FE
14.73:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##DAD3FE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DAD3FE | 1.00 | 1.43 | 14.73 | 14.73 |
| #FFFFFF | 1.43 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.73 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.73 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#CAD9FF
Deuteranopia (green-blind)
#CAD7FD
Tritanopia (blue-blind)
#D3DAE1
Achromatopsia (no color)
#D8D8D8
Design tokens & code
CSS
--color: #dad3fe; /* rgb */ color: rgb(218, 211, 254); /* oklch */ color: oklch(88.6% 0.059 292.6);
Tailwind
colors: {
custom: {
50: '#e5e0fe',
500: '#dad3fe',
950: '#000000',
},
}SCSS
$custom: #dad3fe; $custom-light: #e5e0fe; $custom-dark: #000000;
JSON
{
"hex": "#dad3fe",
"rgb": {
"r": 218,
"g": 211,
"b": 254
},
"hsl": {
"h": 249.767,
"s": 95.556,
"l": 91.176
},
"oklch": {
"l": 0.88615,
"c": 0.05909,
"h": 292.6
},
"luminance": 0.6865
}Semantic roles & 50–950 ramp
primary
#DAD3FE
secondary
#D9E88D
accent
#E600C0
background
#FEFEFF
surface
#FCFCFF
border
#D5D5D7
text
#161517
muted
#848485