#C0807F#C0807F
#C0807F is a light, moderate red. Relative luminance 0.282; OKLCH L 66.5% C 0.080 H 20.4°. Best body text is #000000 at 6.64:1 contrast (WCAG AA passes).
Color values
| HEX | #C0807F |
|---|---|
| RGB | rgb(192, 128, 127) |
| HSL | hsl(1, 34%, 63%) |
| HSV | hsv(1, 34%, 75%) |
| CMYK | cmyk(0%, 33.3%, 33.9%, 24.7%) |
| CIE-LAB | lab(60.05, 24.64, 10.71) |
| CIE-LCH | lch(60.05, 26.87, 23.49°) |
| OKLab | oklab(66.5% 0.0748 0.0278) |
| OKLCH | oklch(66.5% 0.08 20.4) |
| XYZ | xyz(33.2893, 28.1794, 23.7604) |
| Luminance | 0.2818 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Brownish Pink
#C27E79
ΔE00 1.88
Dirty Pink
#CA7B80
ΔE00 3.27
Old Rose
#C87F89
ΔE00 4.21
Dusty Rose
#C0737A
ΔE00 4.50
Old Pink
#C77986
ΔE00 5.23
Greyish Pink
#C88D94
ΔE00 5.23
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#C0807F #7FBFC0
analogous
#C07F9F #C0807F #C0A07F
triadic
#C0807F #7FC080 #807FC0
tetradic
#C0807F #9FC07F #7FBFC0 #A07FC0
square
#C0807F #9FC07F #7FBFC0 #A07FC0
split-complementary
#C0807F #7FC0A0 #7F9FC0
monochromatic
#844241 #AC5756 #C0807F #D4A9A8 #E8D1D1
Accessibility & contrast
On white
3.16
#C0807F on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.64
#C0807F on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #C0807F
6.64:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##C0807F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C0807F | 1.00 | 3.16 | 6.64 | 6.64 |
| #FFFFFF | 3.16 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.64 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.64 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#8C897F
Deuteranopia (green-blind)
#9C967E
Tritanopia (blue-blind)
#CD7980
Achromatopsia (no color)
#919191
Design tokens & code
CSS
--color: #c0807f; /* rgb */ color: rgb(192, 128, 127); /* oklch */ color: oklch(66.5% 0.080 20.4);
Tailwind
colors: {
custom: {
50: '#d5a5a4',
500: '#c0807f',
950: '#000000',
},
}SCSS
$custom: #c0807f; $custom-light: #d5a5a4; $custom-dark: #000000;
JSON
{
"hex": "#c0807f",
"rgb": {
"r": 192,
"g": 128,
"b": 127
},
"hsl": {
"h": 0.923,
"s": 34.031,
"l": 62.549
},
"oklch": {
"l": 0.665,
"c": 0.07985,
"h": 20.4
},
"luminance": 0.28177
}Semantic roles & 50–950 ramp
primary
#C0807F
secondary
#C2D9D9
accent
#ABAD39
background
#FDFAFA
surface
#FAF4F4
border
#D3CECE
text
#140F0F
muted
#837F7F