#79544B#79544B
#79544B is a mid, muted red. Relative luminance 0.109; OKLCH L 48.3% C 0.052 H 34.2°. Best body text is #FFFFFF at 6.60:1 contrast (WCAG AA passes).
Color values
| HEX | #79544B |
|---|---|
| RGB | rgb(121, 84, 75) |
| HSL | hsl(12, 23%, 38%) |
| HSV | hsv(12, 38%, 47%) |
| CMYK | cmyk(0%, 30.6%, 38%, 52.5%) |
| CIE-LAB | lab(39.44, 14.14, 11.42) |
| CIE-LCH | lch(39.44, 18.17, 38.94°) |
| OKLab | oklab(48.32% 0.043 0.0292) |
| OKLCH | oklch(48.32% 0.052 34.2) |
| XYZ | xyz(12.3259, 10.9144, 8.1127) |
| Luminance | 0.1091 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Umber
#635147
ΔE00 8.07
Purplish Brown
#6B4247
ΔE00 8.57
Cocoa
#875F42
ΔE00 9.16
Walnut
#5C4A3D
ΔE00 9.87
Purple Brown
#673A3F
ΔE00 10.30
Brownish Purple
#76424E
ΔE00 10.61
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#79544B #4B7079
analogous
#794B59 #79544B #796B4B
triadic
#79544B #4B7954 #544B79
tetradic
#79544B #59794B #4B7079 #6B4B79
square
#79544B #59794B #4B7079 #6B4B79
split-complementary
#79544B #4B796B #4B5979
monochromatic
#2D201C #533A34 #79544B #9E6F63 #B69289
Accessibility & contrast
On white
6.60
#79544B on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.18
#79544B on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #79544B
6.60:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##79544B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##79544B | 1.00 | 6.60 | 3.18 | 6.60 |
| #FFFFFF | 6.60 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.18 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.60 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#5C584A
Deuteranopia (green-blind)
#65604B
Tritanopia (blue-blind)
#814F52
Achromatopsia (no color)
#5D5D5D
Design tokens & code
CSS
--color: #79544b; /* rgb */ color: rgb(121, 84, 75); /* oklch */ color: oklch(48.3% 0.052 34.2);
Tailwind
colors: {
custom: {
50: '#a1847d',
500: '#79544b',
950: '#000000',
},
}SCSS
$custom: #79544b; $custom-light: #a1847d; $custom-dark: #000000;
JSON
{
"hex": "#79544b",
"rgb": {
"r": 121,
"g": 84,
"b": 75
},
"hsl": {
"h": 11.739,
"s": 23.469,
"l": 38.431
},
"oklch": {
"l": 0.48324,
"c": 0.05194,
"h": 34.2
},
"luminance": 0.10914
}Semantic roles & 50–950 ramp
primary
#79544B
secondary
#7E9BA2
accent
#AFC068
background
#FAF8F7
surface
#F3EFEE
border
#CDCAC9
text
#0F0B09
muted
#7F7C7B