#632919#632919
#632919 is a dark, moderate red. Relative luminance 0.043; OKLCH L 36.0% C 0.088 H 36.3°. Best body text is #FFFFFF at 11.28:1 contrast (WCAG AA passes).
Color values
| HEX | #632919 |
|---|---|
| RGB | rgb(99, 41, 25) |
| HSL | hsl(13, 60%, 24%) |
| HSV | hsv(13, 75%, 39%) |
| CMYK | cmyk(0%, 58.6%, 74.7%, 61.2%) |
| CIE-LAB | lab(24.67, 25.05, 22.94) |
| CIE-LCH | lch(24.67, 33.96, 42.49°) |
| OKLab | oklab(36.01% 0.0713 0.0524) |
| OKLCH | oklch(36.01% 0.089 36.3) |
| XYZ | xyz(6.1146, 4.3095, 1.4293) |
| Luminance | 0.0431 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Reddy Brown
#6E1005
ΔE00 6.20
Chestnut
#742802
ΔE00 6.91
Reddish Brown
#7F2B0A
ΔE00 7.60
Blood
#770001
ΔE00 8.17
Chocolate Brown
#411900
ΔE00 8.24
Rosewood
#65000B
ΔE00 8.25
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#632919 #195363
analogous
#63192E #632919 #634E19
triadic
#632919 #196329 #291963
tetradic
#632919 #2E6319 #195363 #4E1963
square
#632919 #2E6319 #195363 #4E1963
split-complementary
#632919 #19634E #192E63
monochromatic
#180A06 #32150D #632919 #943D25 #C55132
Accessibility & contrast
On white
11.28
#632919 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.86
#632919 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #632919
11.28:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##632919 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##632919 | 1.00 | 11.28 | 1.86 | 11.28 |
| #FFFFFF | 11.28 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.86 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.28 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#393317
Deuteranopia (green-blind)
#473F18
Tritanopia (blue-blind)
#6D1D25
Achromatopsia (no color)
#3B3B3B
Design tokens & code
CSS
--color: #632919; /* rgb */ color: rgb(99, 41, 25); /* oklch */ color: oklch(36.0% 0.088 36.3);
Tailwind
colors: {
custom: {
50: '#956456',
500: '#632919',
950: '#000000',
},
}SCSS
$custom: #632919; $custom-light: #956456; $custom-dark: #000000;
JSON
{
"hex": "#632919",
"rgb": {
"r": 99,
"g": 41,
"b": 25
},
"hsl": {
"h": 12.973,
"s": 59.677,
"l": 24.314
},
"oklch": {
"l": 0.36006,
"c": 0.0885,
"h": 36.3
},
"luminance": 0.04309
}Semantic roles & 50–950 ramp
primary
#632919
secondary
#3F8599
accent
#C1E345
background
#F9F6F5
surface
#F2EBE9
border
#CCC6C5
text
#0E0503
muted
#7E7A78