#922741#922741
#922741 is a dark, vivid red. Relative luminance 0.079; OKLCH L 44.8% C 0.142 H 10.9°. Best body text is #FFFFFF at 8.11:1 contrast (WCAG AA passes).
Color values
| HEX | #922741 |
|---|---|
| RGB | rgb(146, 39, 65) |
| HSL | hsl(345, 58%, 36%) |
| HSV | hsv(345, 73%, 57%) |
| CMYK | cmyk(0%, 73.3%, 55.5%, 42.7%) |
| CIE-LAB | lab(33.87, 46.15, 10.64) |
| CIE-LCH | lch(33.87, 47.36, 12.98°) |
| OKLab | oklab(44.81% 0.1398 0.0269) |
| OKLCH | oklch(44.81% 0.142 10.9) |
| XYZ | xyz(13.5350, 7.9456, 5.8209) |
| Luminance | 0.0794 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Cranberry
#9E003A
ΔE00 3.70
Red Wine
#8C0034
ΔE00 4.42
Purple Red
#990147
ΔE00 5.08
Berry
#990F4B
ΔE00 5.17
Raspberry (survey)
#B00149
ΔE00 5.73
Purplish Red
#B0054B
ΔE00 5.84
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#922741 #279278
analogous
#922777 #922741 #924327
triadic
#922741 #419227 #274192
tetradic
#922741 #779227 #279278 #432792
square
#922741 #779227 #279278 #432792
split-complementary
#922741 #279243 #277792
monochromatic
#310D16 #621A2B #922741 #C23457 #D45F7C
Accessibility & contrast
On white
8.11
#922741 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.59
#922741 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #922741
8.11:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##922741 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##922741 | 1.00 | 8.11 | 2.59 | 8.11 |
| #FFFFFF | 8.11 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.59 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.11 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#424241
Deuteranopia (green-blind)
#5E583E
Tritanopia (blue-blind)
#A00D32
Achromatopsia (no color)
#505050
Design tokens & code
CSS
--color: #922741; /* rgb */ color: rgb(146, 39, 65); /* oklch */ color: oklch(44.8% 0.142 10.9);
Tailwind
colors: {
custom: {
50: '#b86a75',
500: '#922741',
950: '#000000',
},
}SCSS
$custom: #922741; $custom-light: #b86a75; $custom-dark: #000000;
JSON
{
"hex": "#922741",
"rgb": {
"r": 146,
"g": 39,
"b": 65
},
"hsl": {
"h": 345.421,
"s": 57.838,
"l": 36.275
},
"oklch": {
"l": 0.44807,
"c": 0.14235,
"h": 10.9
},
"luminance": 0.07944
}Semantic roles & 50–950 ramp
primary
#922741
secondary
#5BBAA3
accent
#E1BC47
background
#FCF6F7
surface
#F8EBED
border
#D1C6C8
text
#120708
muted
#817A7B