#786265#786265
#786265 is a mid, muted red. Relative luminance 0.137; OKLCH L 51.9% C 0.029 H 8.9°. Best body text is #FFFFFF at 5.62:1 contrast (WCAG AA passes).
Color values
| HEX | #786265 |
|---|---|
| RGB | rgb(120, 98, 101) |
| HSL | hsl(352, 10%, 43%) |
| HSV | hsv(352, 18%, 47%) |
| CMYK | cmyk(0%, 18.3%, 15.8%, 52.9%) |
| CIE-LAB | lab(43.75, 9.37, 1.63) |
| CIE-LCH | lch(43.75, 9.52, 9.89°) |
| OKLab | oklab(51.87% 0.0284 0.0044) |
| OKLCH | oklch(51.87% 0.029 8.9) |
| XYZ | xyz(14.4623, 13.6685, 14.1858) |
| Luminance | 0.1367 (WCAG relative) |
| Temperature | neutral |
| Family | red |
Closest named colors
Purplish Grey
#7A687F
ΔE00 8.88
Purple Grey
#866F85
ΔE00 9.70
Umber
#635147
ΔE00 10.14
Reddish Grey
#997570
ΔE00 10.36
Dimgray
#696969
ΔE00 10.75
Purplish Brown
#6B4247
ΔE00 11.69
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#786265 #627875
analogous
#786270 #786265 #786A62
triadic
#786265 #657862 #626578
tetradic
#786265 #707862 #627875 #6A6278
square
#786265 #707862 #627875 #6A6278
split-complementary
#786265 #62786A #627078
monochromatic
#352B2C #564649 #786265 #978083 #B3A2A4
Accessibility & contrast
On white
5.62
#786265 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.73
#786265 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #786265
5.62:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##786265 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##786265 | 1.00 | 5.62 | 3.73 | 5.62 |
| #FFFFFF | 5.62 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.73 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.62 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#656565
Deuteranopia (green-blind)
#6A6965
Tritanopia (blue-blind)
#7C6063
Achromatopsia (no color)
#676767
Design tokens & code
CSS
--color: #786265; /* rgb */ color: rgb(120, 98, 101); /* oklch */ color: oklch(51.9% 0.029 8.9);
Tailwind
colors: {
custom: {
50: '#9f8e90',
500: '#786265',
950: '#000000',
},
}SCSS
$custom: #786265; $custom-light: #9f8e90; $custom-dark: #000000;
JSON
{
"hex": "#786265",
"rgb": {
"r": 120,
"g": 98,
"b": 101
},
"hsl": {
"h": 351.818,
"s": 10.092,
"l": 42.745
},
"oklch": {
"l": 0.51869,
"c": 0.02872,
"h": 8.9
},
"luminance": 0.13668
}Semantic roles & 50–950 ramp
primary
#786265
secondary
#94A2A0
accent
#B3AB75
background
#F9F8F8
surface
#F2F0F0
border
#CCCBCB
text
#0E0C0C
muted
#7E7D7D