#795256#795256
#795256 is a mid, muted red. Relative luminance 0.108; OKLCH L 48.2% C 0.053 H 12.4°. Best body text is #FFFFFF at 6.66:1 contrast (WCAG AA passes).
Color values
| HEX | #795256 |
|---|---|
| RGB | rgb(121, 82, 86) |
| HSL | hsl(354, 19%, 40%) |
| HSV | hsv(354, 32%, 47%) |
| CMYK | cmyk(0%, 32.2%, 28.9%, 52.5%) |
| CIE-LAB | lab(39.19, 16.92, 4.27) |
| CIE-LCH | lch(39.19, 17.45, 14.17°) |
| OKLab | oklab(48.23% 0.0514 0.0113) |
| OKLCH | oklch(48.23% 0.053 12.4) |
| XYZ | xyz(12.5825, 10.7722, 10.2188) |
| Luminance | 0.1077 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Purplish Brown
#6B4247
ΔE00 5.37
Brownish Purple
#76424E
ΔE00 5.90
Dark Mauve
#874C62
ΔE00 7.39
Purple Brown
#673A3F
ΔE00 7.81
Dirty Purple
#734A65
ΔE00 9.00
Light Maroon
#A24857
ΔE00 10.58
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#795256 #527975
analogous
#79526A #795256 #796252
triadic
#795256 #567952 #525679
tetradic
#795256 #6A7952 #527975 #625279
square
#795256 #6A7952 #527975 #625279
split-complementary
#795256 #527962 #526A79
monochromatic
#302122 #55393C #795256 #9C6C71 #B49195
Accessibility & contrast
On white
6.66
#795256 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.15
#795256 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #795256
6.66:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##795256 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##795256 | 1.00 | 6.66 | 3.15 | 6.66 |
| #FFFFFF | 6.66 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.15 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.66 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#595856
Deuteranopia (green-blind)
#625F55
Tritanopia (blue-blind)
#804F53
Achromatopsia (no color)
#5C5C5C
Design tokens & code
CSS
--color: #795256; /* rgb */ color: rgb(121, 82, 86); /* oklch */ color: oklch(48.2% 0.053 12.4);
Tailwind
colors: {
custom: {
50: '#a18385',
500: '#795256',
950: '#000000',
},
}SCSS
$custom: #795256; $custom-light: #a18385; $custom-dark: #000000;
JSON
{
"hex": "#795256",
"rgb": {
"r": 121,
"g": 82,
"b": 86
},
"hsl": {
"h": 353.846,
"s": 19.212,
"l": 39.804
},
"oklch": {
"l": 0.48229,
"c": 0.05261,
"h": 12.4
},
"luminance": 0.10771
}Semantic roles & 50–950 ramp
primary
#795256
secondary
#85A29F
accent
#BCB46C
background
#FAF8F8
surface
#F3EFEF
border
#CDCACA
text
#0F0A0B
muted
#7F7C7C