#7A1842#7A1842
#7A1842 is a dark, vivid pink. Relative luminance 0.052; OKLCH L 39.1% C 0.136 H 0.1°. Best body text is #FFFFFF at 10.31:1 contrast (WCAG AA passes).
Color values
| HEX | #7A1842 |
|---|---|
| RGB | rgb(122, 24, 66) |
| HSL | hsl(334, 67%, 29%) |
| HSV | hsv(334, 80%, 48%) |
| CMYK | cmyk(0%, 80.3%, 45.9%, 52.2%) |
| CIE-LAB | lab(27.26, 44.25, -0.07) |
| CIE-LCH | lch(27.26, 44.25, 359.91°) |
| OKLab | oklab(39.07% 0.1359 0.0003) |
| OKLCH | oklch(39.07% 0.136 0.1) |
| XYZ | xyz(9.3368, 5.1854, 5.6624) |
| Luminance | 0.0518 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Wine (survey)
#80013F
ΔE00 2.20
Red Purple
#820747
ΔE00 2.45
Merlot
#730039
ΔE00 2.95
Mulberry
#920A4E
ΔE00 4.70
Reddish Purple
#910951
ΔE00 4.87
Berry
#990F4B
ΔE00 6.00
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#7A1842 #187A50
analogous
#7A1873 #7A1842 #7A1F18
triadic
#7A1842 #427A18 #18427A
tetradic
#7A1842 #737A18 #187A50 #1F187A
square
#7A1842 #737A18 #187A50 #1F187A
split-complementary
#7A1842 #187A1F #18737A
monochromatic
#1A050E #470E26 #7A1842 #AD225E #D7357B
Accessibility & contrast
On white
10.31
#7A1842 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.04
#7A1842 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #7A1842
10.31:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##7A1842 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7A1842 | 1.00 | 10.31 | 2.04 | 10.31 |
| #FFFFFF | 10.31 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.04 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.31 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#2F3443
Deuteranopia (green-blind)
#494740
Tritanopia (blue-blind)
#85042B
Achromatopsia (no color)
#404040
Design tokens & code
CSS
--color: #7a1842; /* rgb */ color: rgb(122, 24, 66); /* oklch */ color: oklch(39.1% 0.136 0.1);
Tailwind
colors: {
custom: {
50: '#a56076',
500: '#7a1842',
950: '#000000',
},
}SCSS
$custom: #7a1842; $custom-light: #a56076; $custom-dark: #000000;
JSON
{
"hex": "#7a1842",
"rgb": {
"r": 122,
"g": 24,
"b": 66
},
"hsl": {
"h": 334.286,
"s": 67.123,
"l": 28.627
},
"oklch": {
"l": 0.39073,
"c": 0.13594,
"h": 0.1
},
"luminance": 0.05184
}Semantic roles & 50–950 ramp
primary
#7A1842
secondary
#3FAF7F
accent
#EAA03E
background
#FAF5F7
surface
#F4EAED
border
#CEC6C8
text
#100508
muted
#7F797B