#B1815D#B1815D
#B1815D is a light, moderate orange. Relative luminance 0.258; OKLCH L 64.2% C 0.078 H 57.7°. Best body text is #000000 at 6.17:1 contrast (WCAG AA passes).
Color values
| HEX | #B1815D |
|---|---|
| RGB | rgb(177, 129, 93) |
| HSL | hsl(26, 35%, 53%) |
| HSV | hsv(26, 47%, 69%) |
| CMYK | cmyk(0%, 27.1%, 47.5%, 30.6%) |
| CIE-LAB | lab(57.88, 14.06, 26.76) |
| CIE-LCH | lch(57.88, 30.23, 62.28°) |
| OKLab | oklab(64.22% 0.0416 0.0657) |
| OKLCH | oklch(64.22% 0.078 57.7) |
| XYZ | xyz(27.9588, 25.8398, 13.8688) |
| Luminance | 0.2584 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Light Brown
#AD8150
ΔE00 4.53
Tan Brown
#AB7E4C
ΔE00 4.82
Puce
#A57E52
ΔE00 4.82
Mocha
#9D7651
ΔE00 5.62
Pale Brown
#B1916E
ΔE00 6.53
Clay Brown
#B2713D
ΔE00 6.56
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#B1815D #5D8DB1
analogous
#B15D63 #B1815D #B1AB5D
triadic
#B1815D #5DB181 #815DB1
tetradic
#B1815D #63B15D #5D8DB1 #AB5DB1
square
#B1815D #63B15D #5D8DB1 #AB5DB1
split-complementary
#B1815D #5DB1AB #5D63B1
monochromatic
#644630 #8D6344 #B1815D #C5A186 #D9C1B0
Accessibility & contrast
On white
3.40
#B1815D on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.17
#B1815D on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #B1815D
6.17:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##B1815D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B1815D | 1.00 | 3.40 | 6.17 | 6.17 |
| #FFFFFF | 3.40 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.17 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.17 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#8F855A
Deuteranopia (green-blind)
#9B8F5D
Tritanopia (blue-blind)
#BE7778
Achromatopsia (no color)
#8B8B8B
Design tokens & code
CSS
--color: #b1815d; /* rgb */ color: rgb(177, 129, 93); /* oklch */ color: oklch(64.2% 0.078 57.7);
Tailwind
colors: {
custom: {
50: '#caa58b',
500: '#b1815d',
950: '#000000',
},
}SCSS
$custom: #b1815d; $custom-light: #caa58b; $custom-dark: #000000;
JSON
{
"hex": "#b1815d",
"rgb": {
"r": 177,
"g": 129,
"b": 93
},
"hsl": {
"h": 25.714,
"s": 35,
"l": 52.941
},
"oklch": {
"l": 0.64218,
"c": 0.07778,
"h": 57.7
},
"luminance": 0.25838
}Semantic roles & 50–950 ramp
primary
#B1815D
secondary
#A3B7C7
accent
#9CCB5D
background
#FCFAF8
surface
#F9F4F0
border
#D2CECB
text
#140F0C
muted
#827F7D