#CFFCFD#CFFCFD
#CFFCFD is a very light, muted teal. Relative luminance 0.900; OKLCH L 96.0% C 0.046 H 198.1°. Best body text is #000000 at 19.00:1 contrast (WCAG AA passes).
Color values
| HEX | #CFFCFD |
|---|---|
| RGB | rgb(207, 252, 253) |
| HSL | hsl(181, 92%, 90%) |
| HSV | hsv(181, 18%, 99%) |
| CMYK | cmyk(18.2%, 0.4%, 0%, 0.8%) |
| CIE-LAB | lab(95.99, -14.05, -5.23) |
| CIE-LCH | lch(95.99, 14.99, 200.43°) |
| OKLab | oklab(96.01% -0.0436 -0.0142) |
| OKLCH | oklch(96.01% 0.046 198.1) |
| XYZ | xyz(78.2672, 89.9755, 106.1527) |
| Luminance | 0.8998 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Pale Blue
#D0FEFE
ΔE00 0.62
Really Light Blue
#D4FFFF
ΔE00 0.87
Very Light Blue
#D5FFFF
ΔE00 1.02
Very Pale Blue
#D6FFFE
ΔE00 1.33
Ice Blue (survey)
#D7FFFE
ΔE00 1.50
Light Sky Blue
#C6FCFF
ΔE00 1.89
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CFFCFD #FDD0CF
analogous
#CFFDE7 #CFFCFD #CFE5FD
triadic
#CFFCFD #FDCFFC #FCFDCF
tetradic
#CFFCFD #E7CFFD #FDD0CF #E5FDCF
square
#CFFCFD #E7CFFD #FDD0CF #E5FDCF
split-complementary
#CFFCFD #FDCFE5 #FDE7CF
monochromatic
#59F5F8 #94F8FB #CFFCFD #E2FDFE #E2FDFE
Accessibility & contrast
On white
1.11
#CFFCFD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
19.00
#CFFCFD on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CFFCFD
19.00:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CFFCFD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CFFCFD | 1.00 | 1.11 | 19.00 | 19.00 |
| #FFFFFF | 1.11 | 1.00 | 21.00 | 21.00 |
| #000000 | 19.00 | 21.00 | 1.00 | 1.00 |
| ##000000 | 19.00 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F6F7FD
Deuteranopia (green-blind)
#EDF1FD
Tritanopia (blue-blind)
#C1FFFC
Achromatopsia (no color)
#F3F3F3
Design tokens & code
CSS
--color: #cffcfd; /* rgb */ color: rgb(207, 252, 253); /* oklch */ color: oklch(96.0% 0.046 198.1);
Tailwind
colors: {
custom: {
50: '#defdfe',
500: '#cffcfd',
950: '#000000',
},
}SCSS
$custom: #cffcfd; $custom-light: #defdfe; $custom-dark: #000000;
JSON
{
"hex": "#cffcfd",
"rgb": {
"r": 207,
"g": 252,
"b": 253
},
"hsl": {
"h": 181.304,
"s": 92,
"l": 90.196
},
"oklch": {
"l": 0.96009,
"c": 0.04592,
"h": 198.1
},
"luminance": 0.89978
}Semantic roles & 50–950 ramp
primary
#CFFCFD
secondary
#E68C8A
accent
#0500E6
background
#FEFFFF
surface
#FCFFFF
border
#D5D7D7
text
#151717
muted
#848585