#49323C#49323C
#49323C is a dark, muted pink. Relative luminance 0.040; OKLCH L 34.7% C 0.037 H 351.4°. Best body text is #FFFFFF at 11.64:1 contrast (WCAG AA passes).
Color values
| HEX | #49323C |
|---|---|
| RGB | rgb(73, 50, 60) |
| HSL | hsl(334, 19%, 24%) |
| HSV | hsv(334, 32%, 29%) |
| CMYK | cmyk(0%, 31.5%, 17.8%, 71.4%) |
| CIE-LAB | lab(23.75, 12.23, -2.13) |
| CIE-LCH | lch(23.75, 12.42, 350.12°) |
| OKLab | oklab(34.74% 0.0363 -0.0055) |
| OKLCH | oklch(34.74% 0.037 351.4) |
| XYZ | xyz(4.7039, 4.0241, 4.8031) |
| Luminance | 0.0402 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Purple Brown
#673A3F
ΔE00 8.96
Purplish Brown
#6B4247
ΔE00 9.37
Brownish Purple
#76424E
ΔE00 11.68
Dirty Purple
#734A65
ΔE00 12.50
Wine
#722F37
ΔE00 12.94
Grape
#6C3461
ΔE00 13.17
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#49323C #32493F
analogous
#493248 #49323C #493432
triadic
#49323C #3C4932 #323C49
tetradic
#49323C #484932 #32493F #343249
square
#49323C #484932 #32493F #343249
split-complementary
#49323C #324934 #324849
monochromatic
#120C0F #25191E #49323C #6D4B5A #926478
Accessibility & contrast
On white
11.64
#49323C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.80
#49323C on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #49323C
11.64:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##49323C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##49323C | 1.00 | 11.64 | 1.80 | 11.64 |
| #FFFFFF | 11.64 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.80 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.64 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#34363C
Deuteranopia (green-blind)
#3A3A3B
Tritanopia (blue-blind)
#4C3135
Achromatopsia (no color)
#393939
Design tokens & code
CSS
--color: #49323c; /* rgb */ color: rgb(73, 50, 60); /* oklch */ color: oklch(34.7% 0.037 351.4);
Tailwind
colors: {
custom: {
50: '#7c6a71',
500: '#49323c',
950: '#000000',
},
}SCSS
$custom: #49323c; $custom-light: #7c6a71; $custom-dark: #000000;
JSON
{
"hex": "#49323c",
"rgb": {
"r": 73,
"g": 50,
"b": 60
},
"hsl": {
"h": 333.913,
"s": 18.699,
"l": 24.118
},
"oklch": {
"l": 0.34741,
"c": 0.03671,
"h": 351.4
},
"luminance": 0.04024
}Semantic roles & 50–950 ramp
primary
#49323C
secondary
#5D796D
accent
#BB996C
background
#F7F6F6
surface
#EEEBEC
border
#C9C6C7
text
#090607
muted
#7B7A7A