#7A1952#7A1952
#7A1952 is a dark, vivid pink. Relative luminance 0.054; OKLCH L 39.8% C 0.142 H 349.7°. Best body text is #FFFFFF at 10.06:1 contrast (WCAG AA passes).
Color values
| HEX | #7A1952 |
|---|---|
| RGB | rgb(122, 25, 82) |
| HSL | hsl(325, 66%, 29%) |
| HSV | hsv(325, 80%, 48%) |
| CMYK | cmyk(0%, 79.5%, 32.8%, 52.2%) |
| CIE-LAB | lab(27.96, 45.74, -9.72) |
| CIE-LCH | lch(27.96, 46.76, 348.01°) |
| OKLab | oklab(39.78% 0.1399 -0.0254) |
| OKLCH | oklch(39.78% 0.142 349.7) |
| XYZ | xyz(9.8972, 5.4432, 8.5104) |
| Luminance | 0.0544 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Velvet
#750851
ΔE00 2.53
Red Purple
#820747
ΔE00 4.02
Rich Purple
#720058
ΔE00 4.93
Reddish Purple
#910951
ΔE00 5.13
Dark Magenta
#960056
ΔE00 5.52
Wine (survey)
#80013F
ΔE00 5.84
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#7A1952 #197A41
analogous
#72197A #7A1952 #7A1922
triadic
#7A1952 #527A19 #19527A
tetradic
#7A1952 #7A7219 #197A41 #19227A
square
#7A1952 #7A7219 #197A41 #19227A
split-complementary
#7A1952 #227A19 #197A72
monochromatic
#190511 #470F30 #7A1952 #AD2374 #D63795
Accessibility & contrast
On white
10.06
#7A1952 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.09
#7A1952 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #7A1952
10.06:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##7A1952 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7A1952 | 1.00 | 10.06 | 2.09 | 10.06 |
| #FFFFFF | 10.06 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.09 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.06 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#293753
Deuteranopia (green-blind)
#464850
Tritanopia (blue-blind)
#831233
Achromatopsia (no color)
#424242
Design tokens & code
CSS
--color: #7a1952; /* rgb */ color: rgb(122, 25, 82); /* oklch */ color: oklch(39.8% 0.142 349.7);
Tailwind
colors: {
custom: {
50: '#a46182',
500: '#7a1952',
950: '#000000',
},
}SCSS
$custom: #7a1952; $custom-light: #a46182; $custom-dark: #000000;
JSON
{
"hex": "#7a1952",
"rgb": {
"r": 122,
"g": 25,
"b": 82
},
"hsl": {
"h": 324.742,
"s": 65.986,
"l": 28.824
},
"oklch": {
"l": 0.39781,
"c": 0.14217,
"h": 349.7
},
"luminance": 0.05442
}Semantic roles & 50–950 ramp
primary
#7A1952
secondary
#40AF6E
accent
#E9853F
background
#FAF6F7
surface
#F4EBEE
border
#CEC6C9
text
#10050A
muted
#7F7A7C