#CAEBC6#CAEBC6
#CAEBC6 is a very light, moderate green. Relative luminance 0.760; OKLCH L 90.6% C 0.061 H 142.1°. Best body text is #000000 at 16.21:1 contrast (WCAG AA passes).
Color values
| HEX | #CAEBC6 |
|---|---|
| RGB | rgb(202, 235, 198) |
| HSL | hsl(114, 48%, 85%) |
| HSV | hsv(114, 16%, 92%) |
| CMYK | cmyk(14%, 0%, 15.7%, 7.8%) |
| CIE-LAB | lab(89.88, -17.56, 14.41) |
| CIE-LCH | lch(89.88, 22.71, 140.64°) |
| OKLab | oklab(90.64% -0.0478 0.0372) |
| OKLCH | oklch(90.64% 0.061 142.1) |
| XYZ | xyz(64.2563, 76.0494, 64.7088) |
| Luminance | 0.7605 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Light Sage
#BCECAC
ΔE00 6.56
Mint
#AAF0C1
ΔE00 6.80
Very Pale Green
#CFFDBC
ΔE00 7.13
Light Grey Green
#B7E1A1
ΔE00 7.15
Very Light Green
#D1FFBD
ΔE00 7.46
Pale Green
#C7FDB5
ΔE00 8.38
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CAEBC6 #E7C6EB
analogous
#DCEBC6 #CAEBC6 #C6EBD5
triadic
#CAEBC6 #C6CAEB #EBC6CA
tetradic
#CAEBC6 #C6DCEB #E7C6EB #EBD5C6
square
#CAEBC6 #C6DCEB #E7C6EB #EBD5C6
split-complementary
#CAEBC6 #D5C6EB #EBC6DC
monochromatic
#76CB6B #A0DB99 #CAEBC6 #EAF7E8 #EAF7E8
Accessibility & contrast
On white
1.30
#CAEBC6 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.21
#CAEBC6 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CAEBC6
16.21:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CAEBC6 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CAEBC6 | 1.00 | 1.30 | 16.21 | 16.21 |
| #FFFFFF | 1.30 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.21 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.21 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#EDE4C4
Deuteranopia (green-blind)
#E8E1C8
Tritanopia (blue-blind)
#C8E8E0
Achromatopsia (no color)
#E2E2E2
Design tokens & code
CSS
--color: #caebc6; /* rgb */ color: rgb(202, 235, 198); /* oklch */ color: oklch(90.6% 0.061 142.1);
Tailwind
colors: {
custom: {
50: '#daf1d7',
500: '#caebc6',
950: '#000000',
},
}SCSS
$custom: #caebc6; $custom-light: #daf1d7; $custom-dark: #000000;
JSON
{
"hex": "#caebc6",
"rgb": {
"r": 202,
"g": 235,
"b": 198
},
"hsl": {
"h": 113.514,
"s": 48.052,
"l": 84.902
},
"oklch": {
"l": 0.90641,
"c": 0.06059,
"h": 142.1
},
"luminance": 0.7605
}Semantic roles & 50–950 ramp
primary
#CAEBC6
secondary
#C18EC7
accent
#2ABBAC
background
#FEFFFE
surface
#FBFEFB
border
#D4D6D4
text
#151614
muted
#848583