#791C25#791C25
#791C25 is a dark, vivid red. Relative luminance 0.050; OKLCH L 38.5% C 0.127 H 20.5°. Best body text is #FFFFFF at 10.47:1 contrast (WCAG AA passes).
Color values
| HEX | #791C25 |
|---|---|
| RGB | rgb(121, 28, 37) |
| HSL | hsl(354, 62%, 29%) |
| HSV | hsv(354, 77%, 47%) |
| CMYK | cmyk(0%, 76.9%, 69.4%, 52.5%) |
| CIE-LAB | lab(26.82, 40.20, 18.81) |
| CIE-LCH | lch(26.82, 44.39, 25.08°) |
| OKLab | oklab(38.48% 0.1187 0.0444) |
| OKLCH | oklch(38.48% 0.127 20.5) |
| XYZ | xyz(8.6353, 5.0303, 2.2662) |
| Luminance | 0.0503 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Burgundy
#800020
ΔE00 3.00
Wine Red
#7B0323
ΔE00 3.20
Claret
#680018
ΔE00 4.91
Wine
#722F37
ΔE00 5.83
Bordeaux
#7B002C
ΔE00 5.97
Rosewood
#65000B
ΔE00 6.43
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#791C25 #1C7970
analogous
#791C54 #791C25 #79421C
triadic
#791C25 #25791C #1C2579
tetradic
#791C25 #54791C #1C7970 #421C79
square
#791C25 #54791C #1C7970 #421C79
split-complementary
#791C25 #1C7942 #1C5479
monochromatic
#190608 #471016 #791C25 #AB2834 #D23D4C
Accessibility & contrast
On white
10.47
#791C25 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.01
#791C25 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #791C25
10.47:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##791C25 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##791C25 | 1.00 | 10.47 | 2.01 | 10.47 |
| #FFFFFF | 10.47 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.01 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.47 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#373325
Deuteranopia (green-blind)
#4E4722
Tritanopia (blue-blind)
#850020
Achromatopsia (no color)
#3F3F3F
Design tokens & code
CSS
--color: #791c25; /* rgb */ color: rgb(121, 28, 37); /* oklch */ color: oklch(38.5% 0.127 20.5);
Tailwind
colors: {
custom: {
50: '#a6605f',
500: '#791c25',
950: '#000000',
},
}SCSS
$custom: #791c25; $custom-light: #a6605f; $custom-dark: #000000;
JSON
{
"hex": "#791c25",
"rgb": {
"r": 121,
"g": 28,
"b": 37
},
"hsl": {
"h": 354.194,
"s": 62.416,
"l": 29.216
},
"oklch": {
"l": 0.38477,
"c": 0.12674,
"h": 20.5
},
"luminance": 0.05029
}Semantic roles & 50–950 ramp
primary
#791C25
secondary
#44ADA3
accent
#E5D642
background
#FAF5F5
surface
#F5EAE9
border
#CFC6C5
text
#110504
muted
#807979