#CDFEFC#CDFEFC
#CDFEFC is a very light, muted teal. Relative luminance 0.909; OKLCH L 96.3% C 0.050 H 193.3°. Best body text is #000000 at 19.18:1 contrast (WCAG AA passes).
Color values
| HEX | #CDFEFC |
|---|---|
| RGB | rgb(205, 254, 252) |
| HSL | hsl(178, 96%, 90%) |
| HSV | hsv(178, 19%, 100%) |
| CMYK | cmyk(19.3%, 0%, 0.8%, 0.4%) |
| CIE-LAB | lab(96.36, -15.84, -4.18) |
| CIE-LCH | lch(96.36, 16.38, 194.77°) |
| OKLab | oklab(96.27% -0.0484 -0.0114) |
| OKLCH | oklch(96.27% 0.05 193.3) |
| XYZ | xyz(78.1843, 90.8883, 105.5004) |
| Luminance | 0.9089 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Pale Blue
#D0FEFE
ΔE00 1.16
Light Light Blue
#CAFFFB
ΔE00 1.23
Really Light Blue
#D4FFFF
ΔE00 1.77
Very Light Blue
#D5FFFF
ΔE00 1.98
Very Pale Blue
#D6FFFE
ΔE00 2.00
Ice
#D6FFFA
ΔE00 2.06
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CDFEFC #FECDCF
analogous
#CDFEE3 #CDFEFC #CDE8FE
triadic
#CDFEFC #FCCDFE #FEFCCD
tetradic
#CDFEFC #E3CDFE #FECDCF #E8FECD
square
#CDFEFC #E3CDFE #FECDCF #E8FECD
split-complementary
#CDFEFC #FECDE8 #FEE3CD
monochromatic
#55FCF5 #91FDF8 #CDFEFC #E1FEFD #E1FEFD
Accessibility & contrast
On white
1.09
#CDFEFC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
19.18
#CDFEFC on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CDFEFC
19.18:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CDFEFC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CDFEFC | 1.00 | 1.09 | 19.18 | 19.18 |
| #FFFFFF | 1.09 | 1.00 | 21.00 | 21.00 |
| #000000 | 19.18 | 21.00 | 1.00 | 1.00 |
| ##000000 | 19.18 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F8F9FC
Deuteranopia (green-blind)
#EEF1FD
Tritanopia (blue-blind)
#BEFFFD
Achromatopsia (no color)
#F5F5F5
Design tokens & code
CSS
--color: #cdfefc; /* rgb */ color: rgb(205, 254, 252); /* oklch */ color: oklch(96.3% 0.050 193.3);
Tailwind
colors: {
custom: {
50: '#ddfefd',
500: '#cdfefc',
950: '#000000',
},
}SCSS
$custom: #cdfefc; $custom-light: #ddfefd; $custom-dark: #000000;
JSON
{
"hex": "#cdfefc",
"rgb": {
"r": 205,
"g": 254,
"b": 252
},
"hsl": {
"h": 177.551,
"s": 96.078,
"l": 90
},
"oklch": {
"l": 0.96269,
"c": 0.04978,
"h": 193.3
},
"luminance": 0.90891
}Semantic roles & 50–950 ramp
primary
#CDFEFC
secondary
#E8888C
accent
#0009E6
background
#FEFFFF
surface
#FCFFFF
border
#D5D7D7
text
#151717
muted
#848585