#792C58#792C58
#792C58 is a dark, moderate pink. Relative luminance 0.066; OKLCH L 41.9% C 0.119 H 348.1°. Best body text is #FFFFFF at 9.07:1 contrast (WCAG AA passes).
Color values
| HEX | #792C58 |
|---|---|
| RGB | rgb(121, 44, 88) |
| HSL | hsl(326, 47%, 32%) |
| HSV | hsv(326, 64%, 47%) |
| CMYK | cmyk(0%, 63.6%, 27.3%, 52.5%) |
| CIE-LAB | lab(30.81, 38.50, -9.36) |
| CIE-LCH | lch(30.81, 39.62, 346.34°) |
| OKLab | oklab(41.92% 0.1164 -0.0246) |
| OKLCH | oklch(41.92% 0.119 348.1) |
| XYZ | xyz(10.5477, 6.5719, 9.9436) |
| Luminance | 0.0657 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Grape
#6C3461
ΔE00 4.88
Velvet
#750851
ΔE00 5.43
Red Purple
#820747
ΔE00 6.15
Reddish Purple
#910951
ΔE00 6.46
Bruise
#7E4071
ΔE00 6.52
Dark Magenta
#960056
ΔE00 6.84
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#792C58 #2C794D
analogous
#742C79 #792C58 #792C32
triadic
#792C58 #58792C #2C5879
tetradic
#792C58 #79742C #2C794D #2C3279
square
#792C58 #79742C #2C794D #2C3279
split-complementary
#792C58 #32792C #2C7974
monochromatic
#1F0B17 #4C1C37 #792C58 #A63C79 #C45C97
Accessibility & contrast
On white
9.07
#792C58 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.31
#792C58 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #792C58
9.07:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##792C58 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##792C58 | 1.00 | 9.07 | 2.31 | 9.07 |
| #FFFFFF | 9.07 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.31 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.07 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#354059
Deuteranopia (green-blind)
#4B4D56
Tritanopia (blue-blind)
#812A3E
Achromatopsia (no color)
#484848
Design tokens & code
CSS
--color: #792c58; /* rgb */ color: rgb(121, 44, 88); /* oklch */ color: oklch(41.9% 0.119 348.1);
Tailwind
colors: {
custom: {
50: '#a26a87',
500: '#792c58',
950: '#000000',
},
}SCSS
$custom: #792c58; $custom-light: #a26a87; $custom-dark: #000000;
JSON
{
"hex": "#792c58",
"rgb": {
"r": 121,
"g": 44,
"b": 88
},
"hsl": {
"h": 325.714,
"s": 46.667,
"l": 32.353
},
"oklch": {
"l": 0.41917,
"c": 0.11899,
"h": 348.1
},
"luminance": 0.06571
}Semantic roles & 50–950 ramp
primary
#792C58
secondary
#57AA7A
accent
#D68A51
background
#FAF6F8
surface
#F4EBEF
border
#CEC6CA
text
#0F070B
muted
#7F7A7C