#741830#741830
#741830 is a dark, vivid pink. Relative luminance 0.046; OKLCH L 37.4% C 0.126 H 10.9°. Best body text is #FFFFFF at 10.96:1 contrast (WCAG AA passes).
Color values
| HEX | #741830 |
|---|---|
| RGB | rgb(116, 24, 48) |
| HSL | hsl(344, 66%, 27%) |
| HSV | hsv(344, 79%, 45%) |
| CMYK | cmyk(0%, 79.3%, 58.6%, 54.5%) |
| CIE-LAB | lab(25.51, 40.80, 9.49) |
| CIE-LCH | lch(25.51, 41.89, 13.09°) |
| OKLab | oklab(37.39% 0.1236 0.0238) |
| OKLCH | oklch(37.39% 0.126 10.9) |
| XYZ | xyz(8.0634, 4.5808, 3.2553) |
| Luminance | 0.0458 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Bordeaux
#7B002C
ΔE00 2.58
Maroon (survey)
#650021
ΔE00 4.36
Wine Red
#7B0323
ΔE00 4.59
Red Wine
#8C0034
ΔE00 4.74
Burgundy (survey)
#610023
ΔE00 4.89
Wine
#722F37
ΔE00 5.03
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#741830 #18745C
analogous
#74185E #741830 #742E18
triadic
#741830 #307418 #183074
tetradic
#741830 #5E7418 #18745C #2E1874
square
#741830 #5E7418 #18745C #2E1874
split-complementary
#741830 #18742E #185E74
monochromatic
#19050A #410E1B #741830 #A72245 #D5325C
Accessibility & contrast
On white
10.96
#741830 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.92
#741830 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #741830
10.96:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##741830 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##741830 | 1.00 | 10.96 | 1.92 | 10.96 |
| #FFFFFF | 10.96 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.92 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.96 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#313030
Deuteranopia (green-blind)
#48432E
Tritanopia (blue-blind)
#7F0022
Achromatopsia (no color)
#3C3C3C
Design tokens & code
CSS
--color: #741830; /* rgb */ color: rgb(116, 24, 48); /* oklch */ color: oklch(37.4% 0.126 10.9);
Tailwind
colors: {
custom: {
50: '#a25e68',
500: '#741830',
950: '#000000',
},
}SCSS
$custom: #741830; $custom-light: #a25e68; $custom-dark: #000000;
JSON
{
"hex": "#741830",
"rgb": {
"r": 116,
"g": 24,
"b": 48
},
"hsl": {
"h": 344.348,
"s": 65.714,
"l": 27.451
},
"oklch": {
"l": 0.37391,
"c": 0.12583,
"h": 10.9
},
"luminance": 0.0458
}Semantic roles & 50–950 ramp
primary
#741830
secondary
#3FA98D
accent
#E9BC3F
background
#FAF5F6
surface
#F4EAEB
border
#CEC6C6
text
#100506
muted
#7F797A