#C8FFC8#C8FFC8
#C8FFC8 is a very light, moderate green. Relative luminance 0.880; OKLCH L 94.8% C 0.092 H 144.8°. Best body text is #000000 at 18.59:1 contrast (WCAG AA passes).
Color values
| HEX | #C8FFC8 |
|---|---|
| RGB | rgb(200, 255, 200) |
| HSL | hsl(120, 100%, 89%) |
| HSV | hsv(120, 22%, 100%) |
| CMYK | cmyk(21.6%, 0%, 21.6%, 0%) |
| CIE-LAB | lab(95.15, -27.55, 20.74) |
| CIE-LCH | lch(95.15, 34.48, 143.02°) |
| OKLab | oklab(94.83% -0.0753 0.0531) |
| OKLCH | oklch(94.83% 0.092 144.8) |
| XYZ | xyz(70.0020, 87.9675, 67.9236) |
| Luminance | 0.8797 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Very Pale Green
#CFFDBC
ΔE00 3.16
Celadon
#BEFDB7
ΔE00 3.26
Very Light Green
#D1FFBD
ΔE00 3.33
Light Mint
#B6FFBB
ΔE00 3.45
Pale Green
#C7FDB5
ΔE00 3.80
Light Sage
#BCECAC
ΔE00 4.83
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#C8FFC8 #FFC8FF
analogous
#E4FFC8 #C8FFC8 #C8FFE4
triadic
#C8FFC8 #C8C8FF #FFC8C8
tetradic
#C8FFC8 #C8E4FF #FFC8FF #FFE4C8
square
#C8FFC8 #C8E4FF #FFC8FF #FFE4C8
split-complementary
#C8FFC8 #E4C8FF #FFC8E4
monochromatic
#4EFF4E #8BFF8B #C8FFC8 #E0FFE0 #E0FFE0
Accessibility & contrast
On white
1.13
#C8FFC8 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.59
#C8FFC8 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #C8FFC8
18.59:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##C8FFC8 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C8FFC8 | 1.00 | 1.13 | 18.59 | 18.59 |
| #FFFFFF | 1.13 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.59 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.59 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FFF5C5
Deuteranopia (green-blind)
#F8EFCB
Tritanopia (blue-blind)
#C3FCF0
Achromatopsia (no color)
#F1F1F1
Design tokens & code
CSS
--color: #c8ffc8; /* rgb */ color: rgb(200, 255, 200); /* oklch */ color: oklch(94.8% 0.092 144.8);
Tailwind
colors: {
custom: {
50: '#d9ffd8',
500: '#c8ffc8',
950: '#000000',
},
}SCSS
$custom: #c8ffc8; $custom-light: #d9ffd8; $custom-dark: #000000;
JSON
{
"hex": "#c8ffc8",
"rgb": {
"r": 200,
"g": 255,
"b": 200
},
"hsl": {
"h": 120,
"s": 100,
"l": 89.216
},
"oklch": {
"l": 0.9483,
"c": 0.09213,
"h": 144.8
},
"luminance": 0.87969
}Semantic roles & 50–950 ramp
primary
#C8FFC8
secondary
#E982E9
accent
#00E5E6
background
#FEFFFE
surface
#FBFFFB
border
#D4D7D4
text
#151814
muted
#848683