#FCFFFE#FCFFFE
#FCFFFE is a very light, near-neutral teal. Relative luminance 0.994; OKLCH L 99.7% C 0.003 H 174.5°. Best body text is #000000 at 20.87:1 contrast (WCAG AA passes).
Color values
| HEX | #FCFFFE |
|---|---|
| RGB | rgb(252, 255, 254) |
| HSL | hsl(160, 100%, 99%) |
| HSV | hsv(160, 1%, 100%) |
| CMYK | cmyk(1.2%, 0%, 0.4%, 0%) |
| CIE-LAB | lab(99.76, -1.16, 0.13) |
| CIE-LCH | lch(99.76, 1.17, 173.59°) |
| OKLab | oklab(99.75% -0.0034 0.0003) |
| OKLCH | oklch(99.75% 0.003 174.5) |
| XYZ | xyz(93.7912, 99.3710, 107.9861) |
| Luminance | 0.9937 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Closest named colors
White
#FFFFFF
ΔE00 1.69
Pale Grey
#FDFDFE
ΔE00 2.04
Off White
#FAF9F6
ΔE00 2.23
Whitesmoke
#F5F5F5
ΔE00 2.52
Mintcream
#F5FFFA
ΔE00 3.94
Snow
#FFFAFA
ΔE00 4.20
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FCFFFE #FFFCFD
analogous
#FCFFFD #FCFFFE #FCFFFF
triadic
#FCFFFE #FEFCFF #FFFEFC
tetradic
#FCFFFE #FDFCFF #FFFCFD #FFFFFC
square
#FCFFFE #FDFCFF #FFFCFD #FFFFFC
split-complementary
#FCFFFE #FFFCFF #FFFDFC
monochromatic
#82FFD5 #BFFFEA #E0FFF5 #E0FFF5 #E0FFF5
Accessibility & contrast
On white
1.01
#FCFFFE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
20.87
#FCFFFE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FCFFFE
20.87:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FCFFFE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FCFFFE | 1.00 | 1.01 | 20.87 | 20.87 |
| #FFFFFF | 1.01 | 1.00 | 21.00 | 21.00 |
| #000000 | 20.87 | 21.00 | 1.00 | 1.00 |
| ##000000 | 20.87 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FFFFFE
Deuteranopia (green-blind)
#FEFEFE
Tritanopia (blue-blind)
#FBFFFF
Achromatopsia (no color)
#FEFEFE
Design tokens & code
CSS
--color: #fcfffe; /* rgb */ color: rgb(252, 255, 254); /* oklch */ color: oklch(99.7% 0.003 174.5);
Tailwind
colors: {
custom: {
50: '#fdfffe',
500: '#fcfffe',
950: '#000000',
},
}SCSS
$custom: #fcfffe; $custom-light: #fdfffe; $custom-dark: #000000;
JSON
{
"hex": "#fcfffe",
"rgb": {
"r": 252,
"g": 255,
"b": 254
},
"hsl": {
"h": 160,
"s": 100,
"l": 99.412
},
"oklch": {
"l": 0.99746,
"c": 0.00342,
"h": 174.5
},
"luminance": 0.99371
}Semantic roles & 50–950 ramp
primary
#FCFFFE
secondary
#F1AEC5
accent
#004CE6
background
#FFFFFF
surface
#FFFFFF
border
#D7D7D7
text
#171817
muted
#858685