#250501#250501
#250501 is a very dark, muted red. Relative luminance 0.005; OKLCH L 17.8% C 0.058 H 35.0°. Best body text is #FFFFFF at 19.08:1 contrast (WCAG AA passes).
Color values
| HEX | #250501 |
|---|---|
| RGB | rgb(37, 5, 1) |
| HSL | hsl(7, 95%, 7%) |
| HSV | hsv(7, 97%, 15%) |
| CMYK | cmyk(0%, 86.5%, 97.3%, 85.5%) |
| CIE-LAB | lab(4.55, 14.07, 6.67) |
| CIE-LCH | lch(4.55, 15.57, 25.36°) |
| OKLab | oklab(17.79% 0.0472 0.033) |
| OKLCH | oklch(17.79% 0.058 35) |
| XYZ | xyz(0.8228, 0.5042, 0.0827) |
| Luminance | 0.0050 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Very Dark Brown
#1D0200
ΔE00 3.82
Dark Maroon
#3C0008
ΔE00 8.66
Deep Brown
#410200
ΔE00 9.59
Chocolate Brown
#411900
ΔE00 11.52
Mahogany
#4A0100
ΔE00 11.62
Dried Blood
#4B0101
ΔE00 11.77
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#250501 #012125
analogous
#25010F #250501 #251701
triadic
#250501 #012505 #050125
tetradic
#250501 #0F2501 #012125 #170125
square
#250501 #0F2501 #012125 #170125
split-complementary
#250501 #012517 #010F25
monochromatic
#1E0401 #1E0401 #250501 #610D03 #9C1504
Accessibility & contrast
On white
19.08
#250501 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.10
#250501 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #250501
19.08:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##250501 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##250501 | 1.00 | 19.08 | 1.10 | 19.08 |
| #FFFFFF | 19.08 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.10 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.08 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0E0B01
Deuteranopia (green-blind)
#161200
Tritanopia (blue-blind)
#2A0004
Achromatopsia (no color)
#101010
Design tokens & code
CSS
--color: #250501; /* rgb */ color: rgb(37, 5, 1); /* oklch */ color: oklch(17.8% 0.058 35.0);
Tailwind
colors: {
custom: {
50: '#604847',
500: '#250501',
950: '#000000',
},
}SCSS
$custom: #250501; $custom-light: #604847; $custom-dark: #000000;
JSON
{
"hex": "#250501",
"rgb": {
"r": 37,
"g": 5,
"b": 1
},
"hsl": {
"h": 6.667,
"s": 94.737,
"l": 7.451
},
"oklch": {
"l": 0.17792,
"c": 0.05755,
"h": 35
},
"luminance": 0.00504
}Semantic roles & 50–950 ramp
primary
#250501
secondary
#16626C
accent
#E7FF29
background
#F5F4F3
surface
#EAE6E5
border
#C6C2C1
text
#050000
muted
#797777