#3E1925#3E1925
#3E1925 is a dark, muted pink. Relative luminance 0.019; OKLCH L 27.2% C 0.060 H 1.4°. Best body text is #FFFFFF at 15.32:1 contrast (WCAG AA passes).
Color values
| HEX | #3E1925 |
|---|---|
| RGB | rgb(62, 25, 37) |
| HSL | hsl(341, 43%, 17%) |
| HSV | hsv(341, 60%, 24%) |
| CMYK | cmyk(0%, 59.7%, 40.3%, 75.7%) |
| CIE-LAB | lab(14.70, 19.65, 0.45) |
| CIE-LCH | lch(14.70, 19.65, 1.30°) |
| OKLab | oklab(27.24% 0.0597 0.0014) |
| OKLCH | oklch(27.24% 0.06 1.4) |
| XYZ | xyz(2.6683, 1.8532, 1.9671) |
| Luminance | 0.0185 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Dark Maroon
#3C0008
ΔE00 8.51
Dark Plum
#3F012C
ΔE00 8.86
Aubergine
#3D0734
ΔE00 10.08
Burgundy (survey)
#610023
ΔE00 10.35
Plum (survey)
#580F41
ΔE00 10.71
Deep Brown
#410200
ΔE00 10.87
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#3E1925 #193E32
analogous
#3E1938 #3E1925 #3E2019
triadic
#3E1925 #253E19 #19253E
tetradic
#3E1925 #383E19 #193E32 #20193E
square
#3E1925 #383E19 #193E32 #20193E
split-complementary
#3E1925 #193E20 #19383E
monochromatic
#16090D #16090D #3E1925 #6A2B3F #953C59
Accessibility & contrast
On white
15.32
#3E1925 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.37
#3E1925 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #3E1925
15.32:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##3E1925 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3E1925 | 1.00 | 15.32 | 1.37 | 15.32 |
| #FFFFFF | 15.32 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.37 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.32 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#1F2125
Deuteranopia (green-blind)
#292824
Tritanopia (blue-blind)
#43161D
Achromatopsia (no color)
#252525
Design tokens & code
CSS
--color: #3e1925; /* rgb */ color: rgb(62, 25, 37); /* oklch */ color: oklch(27.2% 0.060 1.4);
Tailwind
colors: {
custom: {
50: '#75575f',
500: '#3e1925',
950: '#000000',
},
}SCSS
$custom: #3e1925; $custom-light: #75575f; $custom-dark: #000000;
JSON
{
"hex": "#3e1925",
"rgb": {
"r": 62,
"g": 25,
"b": 37
},
"hsl": {
"h": 340.541,
"s": 42.529,
"l": 17.059
},
"oklch": {
"l": 0.27235,
"c": 0.05976,
"h": 1.4
},
"luminance": 0.01853
}Semantic roles & 50–950 ramp
primary
#3E1925
secondary
#3F7463
accent
#D2AA55
background
#F7F5F5
surface
#EDE9E9
border
#C8C5C5
text
#080304
muted
#7B7879