#793749#793749
#793749 is a dark, moderate pink. Relative luminance 0.073; OKLCH L 43.0% C 0.094 H 4.6°. Best body text is #FFFFFF at 8.55:1 contrast (WCAG AA passes).
Color values
| HEX | #793749 |
|---|---|
| RGB | rgb(121, 55, 73) |
| HSL | hsl(344, 38%, 35%) |
| HSV | hsv(344, 55%, 47%) |
| CMYK | cmyk(0%, 54.5%, 39.7%, 52.5%) |
| CIE-LAB | lab(32.43, 30.80, 2.80) |
| CIE-LCH | lch(32.43, 30.92, 5.19°) |
| OKLab | oklab(42.96% 0.0937 0.0076) |
| OKLCH | oklch(42.96% 0.094 4.6) |
| XYZ | xyz(10.4545, 7.2794, 7.1565) |
| Luminance | 0.0728 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Brownish Purple
#76424E
ΔE00 3.60
Wine
#722F37
ΔE00 5.15
Purple Brown
#673A3F
ΔE00 5.89
Purplish Brown
#6B4247
ΔE00 6.47
Dark Mauve
#874C62
ΔE00 7.01
Wine (survey)
#80013F
ΔE00 8.42
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#793749 #377967
analogous
#79376A #793749 #794637
triadic
#793749 #497937 #374979
tetradic
#793749 #6A7937 #377967 #463779
square
#793749 #6A7937 #377967 #463779
split-complementary
#793749 #377946 #376A79
monochromatic
#251116 #4F2430 #793749 #A34A62 #BD6E83
Accessibility & contrast
On white
8.55
#793749 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.46
#793749 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #793749
8.55:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##793749 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##793749 | 1.00 | 8.55 | 2.46 | 8.55 |
| #FFFFFF | 8.55 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.46 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.55 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#434449
Deuteranopia (green-blind)
#545148
Tritanopia (blue-blind)
#83313E
Achromatopsia (no color)
#4C4C4C
Design tokens & code
CSS
--color: #793749; /* rgb */ color: rgb(121, 55, 73); /* oklch */ color: oklch(43.0% 0.094 4.6);
Tailwind
colors: {
custom: {
50: '#a2707b',
500: '#793749',
950: '#000000',
},
}SCSS
$custom: #793749; $custom-light: #a2707b; $custom-dark: #000000;
JSON
{
"hex": "#793749",
"rgb": {
"r": 121,
"g": 55,
"b": 73
},
"hsl": {
"h": 343.636,
"s": 37.5,
"l": 34.51
},
"oklch": {
"l": 0.42959,
"c": 0.09396,
"h": 4.6
},
"luminance": 0.07278
}Semantic roles & 50–950 ramp
primary
#793749
secondary
#66A694
accent
#CDAE5A
background
#FAF6F7
surface
#F4ECED
border
#CEC7C8
text
#0F0809
muted
#7F7B7B