#C7CFBE#C7CFBE
#C7CFBE is a very light, muted yellow-green. Relative luminance 0.605; OKLCH L 84.4% C 0.025 H 127.6°. Best body text is #000000 at 13.10:1 contrast (WCAG AA passes).
Color values
| HEX | #C7CFBE |
|---|---|
| RGB | rgb(199, 207, 190) |
| HSL | hsl(88, 15%, 78%) |
| HSV | hsv(88, 8%, 81%) |
| CMYK | cmyk(3.9%, 0%, 8.2%, 18.8%) |
| CIE-LAB | lab(82.10, -5.79, 7.51) |
| CIE-LCH | lch(82.10, 9.48, 127.66°) |
| OKLab | oklab(84.36% -0.0151 0.0196) |
| OKLCH | oklch(84.36% 0.025 127.6) |
| XYZ | xyz(55.1588, 60.4854, 57.4742) |
| Luminance | 0.6048 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Light Grey
#D8DCD6
ΔE00 6.28
Silver (survey)
#C5C9C7
ΔE00 7.20
Eggshell
#F0EAD6
ΔE00 9.15
Light Gray
#D3D3D3
ΔE00 9.27
Silver
#C0C0C0
ΔE00 9.62
Beige
#F5F5DC
ΔE00 9.63
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#C7CFBE #C6BECF
analogous
#CFCEBE #C7CFBE #BECFBE
triadic
#C7CFBE #BEC7CF #CFBEC7
tetradic
#C7CFBE #BECFCE #C6BECF #CFBEBE
square
#C7CFBE #BECFCE #C6BECF #CFBEBE
split-complementary
#C7CFBE #BEBECF #CEBECF
monochromatic
#8A9B78 #A9B59B #C7CFBE #E5E9E1 #F0F2ED
Accessibility & contrast
On white
1.60
#C7CFBE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.10
#C7CFBE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #C7CFBE
13.10:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##C7CFBE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C7CFBE | 1.00 | 1.60 | 13.10 | 13.10 |
| #FFFFFF | 1.60 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.10 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.10 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D1CCBD
Deuteranopia (green-blind)
#D0CCBF
Tritanopia (blue-blind)
#C8CDCA
Achromatopsia (no color)
#CCCCCC
Design tokens & code
CSS
--color: #c7cfbe; /* rgb */ color: rgb(199, 207, 190); /* oklch */ color: oklch(84.4% 0.025 127.6);
Tailwind
colors: {
custom: {
50: '#d8ddd1',
500: '#c7cfbe',
950: '#000000',
},
}SCSS
$custom: #c7cfbe; $custom-light: #d8ddd1; $custom-dark: #000000;
JSON
{
"hex": "#c7cfbe",
"rgb": {
"r": 199,
"g": 207,
"b": 190
},
"hsl": {
"h": 88.235,
"s": 15.044,
"l": 77.843
},
"oklch": {
"l": 0.84358,
"c": 0.02475,
"h": 127.6
},
"luminance": 0.60485
}Semantic roles & 50–950 ramp
primary
#C7CFBE
secondary
#988EA3
accent
#4C9970
background
#FEFEFE
surface
#FBFCFB
border
#D4D5D4
text
#141514
muted
#838483