#CDFBFC#CDFBFC
#CDFBFC is a very light, muted teal. Relative luminance 0.890; OKLCH L 95.6% C 0.047 H 198.0°. Best body text is #000000 at 18.80:1 contrast (WCAG AA passes).
Color values
| HEX | #CDFBFC |
|---|---|
| RGB | rgb(205, 251, 252) |
| HSL | hsl(181, 89%, 90%) |
| HSV | hsv(181, 19%, 99%) |
| CMYK | cmyk(18.7%, 0.4%, 0%, 1.2%) |
| CIE-LAB | lab(95.58, -14.36, -5.33) |
| CIE-LCH | lch(95.58, 15.31, 200.37°) |
| OKLab | oklab(95.65% -0.0446 -0.0145) |
| OKLCH | oklch(95.65% 0.047 198) |
| XYZ | xyz(77.2398, 88.9992, 105.1855) |
| Luminance | 0.8900 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Pale Blue
#D0FEFE
ΔE00 0.73
Really Light Blue
#D4FFFF
ΔE00 1.17
Very Light Blue
#D5FFFF
ΔE00 1.33
Very Pale Blue
#D6FFFE
ΔE00 1.60
Light Sky Blue
#C6FCFF
ΔE00 1.67
Ice Blue (survey)
#D7FFFE
ΔE00 1.78
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CDFBFC #FCCECD
analogous
#CDFCE6 #CDFBFC #CDE4FC
triadic
#CDFBFC #FCCDFB #FBFCCD
tetradic
#CDFBFC #E6CDFC #FCCECD #E4FCCD
square
#CDFBFC #E6CDFC #FCCECD #E4FCCD
split-complementary
#CDFBFC #FCCDE4 #FCE6CD
monochromatic
#5AF2F5 #93F6F9 #CDFBFC #E2FDFD #E2FDFD
Accessibility & contrast
On white
1.12
#CDFBFC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.80
#CDFBFC on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CDFBFC
18.80:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CDFBFC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CDFBFC | 1.00 | 1.12 | 18.80 | 18.80 |
| #FFFFFF | 1.12 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.80 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.80 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F5F6FC
Deuteranopia (green-blind)
#EBEFFC
Tritanopia (blue-blind)
#BFFEFB
Achromatopsia (no color)
#F2F2F2
Design tokens & code
CSS
--color: #cdfbfc; /* rgb */ color: rgb(205, 251, 252); /* oklch */ color: oklch(95.6% 0.047 198.0);
Tailwind
colors: {
custom: {
50: '#ddfcfd',
500: '#cdfbfc',
950: '#000000',
},
}SCSS
$custom: #cdfbfc; $custom-light: #ddfcfd; $custom-dark: #000000;
JSON
{
"hex": "#cdfbfc",
"rgb": {
"r": 205,
"g": 251,
"b": 252
},
"hsl": {
"h": 181.277,
"s": 88.679,
"l": 89.608
},
"oklch": {
"l": 0.95647,
"c": 0.0469,
"h": 198
},
"luminance": 0.89002
}Semantic roles & 50–950 ramp
primary
#CDFBFC
secondary
#E48C8A
accent
#0500E5
background
#FEFFFF
surface
#FCFFFF
border
#D5D7D7
text
#151717
muted
#848585