#250403#250403
#250403 is a very dark, muted red. Relative luminance 0.005; OKLCH L 17.6% C 0.058 H 27.9°. Best body text is #FFFFFF at 19.14:1 contrast (WCAG AA passes).
Color values
| HEX | #250403 |
|---|---|
| RGB | rgb(37, 4, 3) |
| HSL | hsl(2, 85%, 8%) |
| HSV | hsv(2, 92%, 15%) |
| CMYK | cmyk(0%, 89.2%, 91.9%, 85.5%) |
| CIE-LAB | lab(4.40, 14.76, 5.62) |
| CIE-LCH | lch(4.40, 15.79, 20.87°) |
| OKLab | oklab(17.64% 0.0515 0.0272) |
| OKLCH | oklch(17.64% 0.058 27.9) |
| XYZ | xyz(0.8229, 0.4868, 0.1368) |
| Luminance | 0.0049 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Very Dark Brown
#1D0200
ΔE00 4.13
Dark Maroon
#3C0008
ΔE00 8.36
Deep Brown
#410200
ΔE00 9.68
Mahogany
#4A0100
ΔE00 11.80
Dried Blood
#4B0101
ΔE00 11.94
Chocolate Brown
#411900
ΔE00 12.34
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#250403 #032425
analogous
#250313 #250403 #251503
triadic
#250403 #032504 #040325
tetradic
#250403 #132503 #032425 #150325
square
#250403 #132503 #032425 #150325
split-complementary
#250403 #032515 #031325
monochromatic
#1C0302 #1C0302 #250403 #5E0A08 #96100C
Accessibility & contrast
On white
19.14
#250403 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.10
#250403 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #250403
19.14:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##250403 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##250403 | 1.00 | 19.14 | 1.10 | 19.14 |
| #FFFFFF | 19.14 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.10 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.14 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0D0A03
Deuteranopia (green-blind)
#151202
Tritanopia (blue-blind)
#2A0004
Achromatopsia (no color)
#0F0F0F
Design tokens & code
CSS
--color: #250403; /* rgb */ color: rgb(37, 4, 3); /* oklch */ color: oklch(17.6% 0.058 27.9);
Tailwind
colors: {
custom: {
50: '#604848',
500: '#250403',
950: '#000000',
},
}SCSS
$custom: #250403; $custom-light: #604848; $custom-dark: #000000;
JSON
{
"hex": "#250403",
"rgb": {
"r": 37,
"g": 4,
"b": 3
},
"hsl": {
"h": 1.765,
"s": 85,
"l": 7.843
},
"oklch": {
"l": 0.17638,
"c": 0.05825,
"h": 27.9
},
"luminance": 0.00487
}Semantic roles & 50–950 ramp
primary
#250403
secondary
#1B6769
accent
#F5FB2D
background
#F5F4F4
surface
#EAE6E6
border
#C6C2C2
text
#050000
muted
#797777