#791F53#791F53
#791F53 is a dark, vivid pink. Relative luminance 0.057; OKLCH L 40.2% C 0.135 H 349.4°. Best body text is #FFFFFF at 9.84:1 contrast (WCAG AA passes).
Color values
| HEX | #791F53 |
|---|---|
| RGB | rgb(121, 31, 83) |
| HSL | hsl(325, 59%, 30%) |
| HSV | hsv(325, 74%, 47%) |
| CMYK | cmyk(0%, 74.4%, 31.4%, 52.5%) |
| CIE-LAB | lab(28.57, 43.45, -9.48) |
| CIE-LCH | lch(28.57, 44.47, 347.69°) |
| OKLab | oklab(40.2% 0.1325 -0.0248) |
| OKLCH | oklch(40.2% 0.135 349.4) |
| XYZ | xyz(9.9370, 5.6706, 8.7532) |
| Luminance | 0.0567 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Velvet
#750851
ΔE00 3.20
Red Purple
#820747
ΔE00 4.43
Reddish Purple
#910951
ΔE00 5.39
Rich Purple
#720058
ΔE00 5.42
Dark Magenta
#960056
ΔE00 5.83
Mulberry
#920A4E
ΔE00 6.10
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#791F53 #1F7945
analogous
#721F79 #791F53 #791F26
triadic
#791F53 #53791F #1F5379
tetradic
#791F53 #79721F #1F7945 #1F2679
square
#791F53 #79721F #1F7945 #1F2679
split-complementary
#791F53 #26791F #1F7972
monochromatic
#180611 #481332 #791F53 #AA2B74 #CF4394
Accessibility & contrast
On white
9.84
#791F53 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.13
#791F53 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #791F53
9.84:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##791F53 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##791F53 | 1.00 | 9.84 | 2.13 | 9.84 |
| #FFFFFF | 9.84 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.13 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.84 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#2D3954
Deuteranopia (green-blind)
#474951
Tritanopia (blue-blind)
#821A36
Achromatopsia (no color)
#434343
Design tokens & code
CSS
--color: #791f53; /* rgb */ color: rgb(121, 31, 83); /* oklch */ color: oklch(40.2% 0.135 349.4);
Tailwind
colors: {
custom: {
50: '#a36383',
500: '#791f53',
950: '#000000',
},
}SCSS
$custom: #791f53; $custom-light: #a36383; $custom-dark: #000000;
JSON
{
"hex": "#791f53",
"rgb": {
"r": 121,
"g": 31,
"b": 83
},
"hsl": {
"h": 325.333,
"s": 59.211,
"l": 29.804
},
"oklch": {
"l": 0.402,
"c": 0.1348,
"h": 349.4
},
"luminance": 0.05669
}Semantic roles & 50–950 ramp
primary
#791F53
secondary
#47AC72
accent
#E28845
background
#FAF6F8
surface
#F4EBEF
border
#CEC6CA
text
#10060A
muted
#7F7A7C