#FDF5FF#FDF5FF
#FDF5FF is a very light, near-neutral purple. Relative luminance 0.934; OKLCH L 97.9% C 0.016 H 319.5°. Best body text is #000000 at 19.68:1 contrast (WCAG AA passes).
Color values
| HEX | #FDF5FF |
|---|---|
| RGB | rgb(253, 245, 255) |
| HSL | hsl(288, 100%, 98%) |
| HSV | hsv(288, 4%, 100%) |
| CMYK | cmyk(0.8%, 3.9%, 0%, 0%) |
| CIE-LAB | lab(97.39, 4.41, -3.84) |
| CIE-LCH | lch(97.39, 5.85, 318.98°) |
| OKLab | oklab(97.92% 0.0119 -0.0102) |
| OKLCH | oklch(97.92% 0.016 319.5) |
| XYZ | xyz(91.2075, 93.4078, 107.8129) |
| Luminance | 0.9341 (WCAG relative) |
| Temperature | cool |
| Family | purple |
Closest named colors
Lavenderblush
#FFF0F5
ΔE00 3.38
Ghostwhite
#F8F8FF
ΔE00 4.05
Snow
#FFFAFA
ΔE00 5.14
Very Light Pink
#FFF4F2
ΔE00 5.50
Lavender (CSS)
#E6E6FA
ΔE00 5.96
Pale Grey
#FDFDFE
ΔE00 6.19
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FDF5FF #F7FFF5
analogous
#F8F5FF #FDF5FF #FFF5FC
triadic
#FDF5FF #FFFDF5 #F5FFFD
tetradic
#FDF5FF #FFF8F5 #F7FFF5 #F5FCFF
square
#FDF5FF #FFF8F5 #F7FFF5 #F5FCFF
split-complementary
#FDF5FF #FCFFF5 #F5FFF8
monochromatic
#E57BFF #F1B8FF #F9E0FF #F9E0FF #F9E0FF
Accessibility & contrast
On white
1.07
#FDF5FF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
19.68
#FDF5FF on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FDF5FF
19.68:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FDF5FF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FDF5FF | 1.00 | 1.07 | 19.68 | 19.68 |
| #FFFFFF | 1.07 | 1.00 | 21.00 | 21.00 |
| #000000 | 19.68 | 21.00 | 1.00 | 1.00 |
| ##000000 | 19.68 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F4F7FF
Deuteranopia (green-blind)
#F6F8FF
Tritanopia (blue-blind)
#FDF6F8
Achromatopsia (no color)
#F7F7F7
Design tokens & code
CSS
--color: #fdf5ff; /* rgb */ color: rgb(253, 245, 255); /* oklch */ color: oklch(97.9% 0.016 319.5);
Tailwind
colors: {
custom: {
50: '#fef8ff',
500: '#fdf5ff',
950: '#000000',
},
}SCSS
$custom: #fdf5ff; $custom-light: #fef8ff; $custom-dark: #000000;
JSON
{
"hex": "#fdf5ff",
"rgb": {
"r": 253,
"g": 245,
"b": 255
},
"hsl": {
"h": 288,
"s": 100,
"l": 98.039
},
"oklch": {
"l": 0.97918,
"c": 0.01563,
"h": 319.5
},
"luminance": 0.93407
}Semantic roles & 50–950 ramp
primary
#FDF5FF
secondary
#B7F0A8
accent
#E6002E
background
#FFFFFF
surface
#FFFFFF
border
#D7D7D7
text
#171718
muted
#858586