#2C0601#2C0601
#2C0601 is a very dark, moderate red. Relative luminance 0.007; OKLCH L 19.6% C 0.065 H 34.7°. Best body text is #FFFFFF at 18.53:1 contrast (WCAG AA passes).
Color values
| HEX | #2C0601 |
|---|---|
| RGB | rgb(44, 6, 1) |
| HSL | hsl(7, 96%, 9%) |
| HSV | hsv(7, 98%, 17%) |
| CMYK | cmyk(0%, 86.4%, 97.7%, 82.7%) |
| CIE-LAB | lab(6.03, 18.44, 8.99) |
| CIE-LCH | lch(6.03, 20.51, 25.98°) |
| OKLab | oklab(19.57% 0.0535 0.037) |
| OKLCH | oklch(19.57% 0.065 34.7) |
| XYZ | xyz(1.1094, 0.6681, 0.0992) |
| Luminance | 0.0067 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Dark Maroon
#3C0008
ΔE00 5.70
Deep Brown
#410200
ΔE00 6.59
Very Dark Brown
#1D0200
ΔE00 7.00
Mahogany
#4A0100
ΔE00 8.77
Dried Blood
#4B0101
ΔE00 8.92
Chocolate Brown
#411900
ΔE00 10.45
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#2C0601 #01272C
analogous
#2C0112 #2C0601 #2C1C01
triadic
#2C0601 #012C06 #06012C
tetradic
#2C0601 #122C01 #01272C #1C012C
square
#2C0601 #122C01 #01272C #1C012C
split-complementary
#2C0601 #012C1C #01122C
monochromatic
#1E0401 #1E0401 #2C0601 #680E02 #A41604
Accessibility & contrast
On white
18.53
#2C0601 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.13
#2C0601 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #2C0601
18.53:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##2C0601 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2C0601 | 1.00 | 18.53 | 1.13 | 18.53 |
| #FFFFFF | 18.53 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.13 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 18.53 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#110E00
Deuteranopia (green-blind)
#1B1700
Tritanopia (blue-blind)
#320005
Achromatopsia (no color)
#131313
Design tokens & code
CSS
--color: #2c0601; /* rgb */ color: rgb(44, 6, 1); /* oklch */ color: oklch(19.6% 0.065 34.7);
Tailwind
colors: {
custom: {
50: '#684947',
500: '#2c0601',
950: '#000000',
},
}SCSS
$custom: #2c0601; $custom-light: #684947; $custom-dark: #000000;
JSON
{
"hex": "#2c0601",
"rgb": {
"r": 44,
"g": 6,
"b": 1
},
"hsl": {
"h": 6.977,
"s": 95.556,
"l": 8.824
},
"oklch": {
"l": 0.19568,
"c": 0.0651,
"h": 34.7
},
"luminance": 0.00668
}Semantic roles & 50–950 ramp
primary
#2C0601
secondary
#176872
accent
#E6FF29
background
#F6F4F3
surface
#EBE7E5
border
#C6C3C1
text
#060100
muted
#7A7777