#CFE1CD#CFE1CD
#CFE1CD is a very light, muted green. Relative luminance 0.715; OKLCH L 89.1% C 0.033 H 142.5°. Best body text is #000000 at 15.30:1 contrast (WCAG AA passes).
Color values
| HEX | #CFE1CD |
|---|---|
| RGB | rgb(207, 225, 205) |
| HSL | hsl(114, 25%, 84%) |
| HSV | hsv(114, 9%, 88%) |
| CMYK | cmyk(8%, 0%, 8.9%, 11.8%) |
| CIE-LAB | lab(87.74, -9.65, 7.74) |
| CIE-LCH | lch(87.74, 12.37, 141.26°) |
| OKLab | oklab(89.08% -0.0263 0.0202) |
| OKLCH | oklch(89.08% 0.033 142.5) |
| XYZ | xyz(63.6747, 71.5230, 68.1965) |
| Luminance | 0.7152 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Honeydew
#F0FFF0
ΔE00 6.99
Light Grey
#D8DCD6
ΔE00 8.19
Beige
#F5F5DC
ΔE00 8.53
Mintcream
#F5FFFA
ΔE00 9.90
Off White (survey)
#FFFFE4
ΔE00 9.90
Lightyellow
#FFFFE0
ΔE00 10.10
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CFE1CD #DFCDE1
analogous
#D9E1CD #CFE1CD #CDE1D5
triadic
#CFE1CD #CDCFE1 #E1CDCF
tetradic
#CFE1CD #CDD9E1 #DFCDE1 #E1D5CD
square
#CFE1CD #CDD9E1 #DFCDE1 #E1D5CD
split-complementary
#CFE1CD #D5CDE1 #E1CDD9
monochromatic
#86B381 #AACAA7 #CFE1CD #EDF4EC #EDF4EC
Accessibility & contrast
On white
1.37
#CFE1CD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.30
#CFE1CD on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CFE1CD
15.30:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CFE1CD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CFE1CD | 1.00 | 1.37 | 15.30 | 15.30 |
| #FFFFFF | 1.37 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.30 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.30 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E2DDCC
Deuteranopia (green-blind)
#DFDBCE
Tritanopia (blue-blind)
#CEE0DB
Achromatopsia (no color)
#DCDCDC
Design tokens & code
CSS
--color: #cfe1cd; /* rgb */ color: rgb(207, 225, 205); /* oklch */ color: oklch(89.1% 0.033 142.5);
Tailwind
colors: {
custom: {
50: '#ddeadc',
500: '#cfe1cd',
950: '#000000',
},
}SCSS
$custom: #cfe1cd; $custom-light: #ddeadc; $custom-dark: #000000;
JSON
{
"hex": "#cfe1cd",
"rgb": {
"r": 207,
"g": 225,
"b": 205
},
"hsl": {
"h": 114,
"s": 25,
"l": 84.314
},
"oklch": {
"l": 0.89076,
"c": 0.03313,
"h": 142.5
},
"luminance": 0.71524
}Semantic roles & 50–950 ramp
primary
#CFE1CD
secondary
#B59AB8
accent
#42A49A
background
#FEFEFE
surface
#FCFDFC
border
#D5D5D5
text
#151615
muted
#848484