#782945#782945
#782945 is a dark, moderate pink. Relative luminance 0.060; OKLCH L 40.6% C 0.113 H 1.6°. Best body text is #FFFFFF at 9.54:1 contrast (WCAG AA passes).
Color values
| HEX | #782945 |
|---|---|
| RGB | rgb(120, 41, 69) |
| HSL | hsl(339, 49%, 32%) |
| HSV | hsv(339, 66%, 47%) |
| CMYK | cmyk(0%, 65.8%, 42.5%, 52.9%) |
| CIE-LAB | lab(29.44, 37.11, 1.05) |
| CIE-LCH | lch(29.44, 37.13, 1.63°) |
| OKLab | oklab(40.64% 0.1134 0.0032) |
| OKLCH | oklch(40.64% 0.113 1.6) |
| XYZ | xyz(9.6135, 6.0097, 6.2828) |
| Luminance | 0.0601 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Wine (survey)
#80013F
ΔE00 5.03
Red Purple
#820747
ΔE00 5.14
Merlot
#730039
ΔE00 5.65
Mulberry
#920A4E
ΔE00 6.16
Wine
#722F37
ΔE00 6.37
Reddish Purple
#910951
ΔE00 6.45
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#782945 #29785C
analogous
#78296D #782945 #783529
triadic
#782945 #457829 #294578
tetradic
#782945 #6D7829 #29785C #352978
square
#782945 #6D7829 #29785C #352978
split-complementary
#782945 #297835 #296D78
monochromatic
#1D0A11 #4A192B #782945 #A6395F #C5567E
Accessibility & contrast
On white
9.54
#782945 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.20
#782945 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #782945
9.54:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##782945 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##782945 | 1.00 | 9.54 | 2.20 | 9.54 |
| #FFFFFF | 9.54 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.20 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.54 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#383C46
Deuteranopia (green-blind)
#4D4B43
Tritanopia (blue-blind)
#822034
Achromatopsia (no color)
#454545
Design tokens & code
CSS
--color: #782945; /* rgb */ color: rgb(120, 41, 69); /* oklch */ color: oklch(40.6% 0.113 1.6);
Tailwind
colors: {
custom: {
50: '#a36878',
500: '#782945',
950: '#000000',
},
}SCSS
$custom: #782945; $custom-light: #a36878; $custom-dark: #000000;
JSON
{
"hex": "#782945",
"rgb": {
"r": 120,
"g": 41,
"b": 69
},
"hsl": {
"h": 338.734,
"s": 49.068,
"l": 31.569
},
"oklch": {
"l": 0.40643,
"c": 0.11342,
"h": 1.6
},
"luminance": 0.06009
}Semantic roles & 50–950 ramp
primary
#782945
secondary
#53AA8B
accent
#D9A84F
background
#FAF6F7
surface
#F4EBED
border
#CEC6C8
text
#100609
muted
#7F7A7B