#CDF7FF#CDF7FF
#CDF7FF is a very light, muted teal. Relative luminance 0.867; OKLCH L 94.9% C 0.044 H 210.5°. Best body text is #000000 at 18.34:1 contrast (WCAG AA passes).
Color values
| HEX | #CDF7FF |
|---|---|
| RGB | rgb(205, 247, 255) |
| HSL | hsl(190, 100%, 90%) |
| HSV | hsv(190, 20%, 100%) |
| CMYK | cmyk(19.6%, 3.1%, 0%, 0%) |
| CIE-LAB | lab(94.62, -11.74, -8.30) |
| CIE-LCH | lch(94.62, 14.38, 215.26°) |
| OKLab | oklab(94.91% -0.0383 -0.0225) |
| OKLCH | oklch(94.91% 0.044 210.5) |
| XYZ | xyz(76.4826, 86.7182, 107.2969) |
| Luminance | 0.8672 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Pale Sky Blue
#BDF6FE
ΔE00 3.34
Very Light Blue
#D5FFFF
ΔE00 3.73
Really Light Blue
#D4FFFF
ΔE00 3.78
Light Sky Blue
#C6FCFF
ΔE00 3.88
Pale Blue
#D0FEFE
ΔE00 3.94
Ice Blue (survey)
#D7FFFE
ΔE00 4.06
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CDF7FF #FFD5CD
analogous
#CDFFEE #CDF7FF #CDDEFF
triadic
#CDF7FF #FFCDF7 #F7FFCD
tetradic
#CDF7FF #EECDFF #FFD5CD #DEFFCD
square
#CDF7FF #EECDFF #FFD5CD #DEFFCD
split-complementary
#CDF7FF #FFCDDE #FFEECD
monochromatic
#53E3FF #90EDFF #CDF7FF #E0FAFF #E0FAFF
Accessibility & contrast
On white
1.14
#CDF7FF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.34
#CDF7FF on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CDF7FF
18.34:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CDF7FF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CDF7FF | 1.00 | 1.14 | 18.34 | 18.34 |
| #FFFFFF | 1.14 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.34 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.34 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#EFF3FF
Deuteranopia (green-blind)
#E7EDFF
Tritanopia (blue-blind)
#BEFBF9
Achromatopsia (no color)
#EFEFEF
Design tokens & code
CSS
--color: #cdf7ff; /* rgb */ color: rgb(205, 247, 255); /* oklch */ color: oklch(94.9% 0.044 210.5);
Tailwind
colors: {
custom: {
50: '#ddf9ff',
500: '#cdf7ff',
950: '#000000',
},
}SCSS
$custom: #cdf7ff; $custom-light: #ddf9ff; $custom-dark: #000000;
JSON
{
"hex": "#cdf7ff",
"rgb": {
"r": 205,
"g": 247,
"b": 255
},
"hsl": {
"h": 189.6,
"s": 100,
"l": 90.196
},
"oklch": {
"l": 0.94912,
"c": 0.04444,
"h": 210.5
},
"luminance": 0.86721
}Semantic roles & 50–950 ramp
primary
#CDF7FF
secondary
#EA9686
accent
#2500E6
background
#FEFFFF
surface
#FCFFFF
border
#D5D7D7
text
#151718
muted
#848586