#B5926E#B5926E
#B5926E is a light, moderate orange. Relative luminance 0.315; OKLCH L 68.4% C 0.065 H 67.2°. Best body text is #000000 at 7.30:1 contrast (WCAG AA passes).
Color values
| HEX | #B5926E |
|---|---|
| RGB | rgb(181, 146, 110) |
| HSL | hsl(30, 32%, 57%) |
| HSV | hsv(30, 39%, 71%) |
| CMYK | cmyk(0%, 19.3%, 39.2%, 29%) |
| CIE-LAB | lab(62.93, 8.14, 24.06) |
| CIE-LCH | lch(62.93, 25.40, 71.31°) |
| OKLab | oklab(68.35% 0.0253 0.0601) |
| OKLCH | oklch(68.35% 0.065 67.2) |
| XYZ | xyz(32.1504, 31.5089, 19.1372) |
| Luminance | 0.3151 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Pale Brown
#B1916E
ΔE00 1.09
Camel
#C19A6B
ΔE00 3.93
Dust
#B2996E
ΔE00 5.10
Mushroom
#BA9E88
ΔE00 5.83
Taupe (survey)
#B9A281
ΔE00 5.98
Dark Beige
#AC9362
ΔE00 6.11
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#B5926E #6E91B5
analogous
#B56F6E #B5926E #B4B56E
triadic
#B5926E #6EB592 #926EB5
tetradic
#B5926E #6EB56F #6E91B5 #B56EB4
square
#B5926E #6EB56F #6E91B5 #B56EB4
split-complementary
#B5926E #6EB4B5 #6F6EB5
monochromatic
#705539 #98734E #B5926E #CAB097 #DECFBF
Accessibility & contrast
On white
2.88
#B5926E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.30
#B5926E on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #B5926E
7.30:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##B5926E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B5926E | 1.00 | 2.88 | 7.30 | 7.30 |
| #FFFFFF | 2.88 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.30 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.30 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#9E946B
Deuteranopia (green-blind)
#A69C6F
Tritanopia (blue-blind)
#C18A89
Achromatopsia (no color)
#989898
Design tokens & code
CSS
--color: #b5926e; /* rgb */ color: rgb(181, 146, 110); /* oklch */ color: oklch(68.4% 0.065 67.2);
Tailwind
colors: {
custom: {
50: '#ccb298',
500: '#b5926e',
950: '#000000',
},
}SCSS
$custom: #b5926e; $custom-light: #ccb298; $custom-dark: #000000;
JSON
{
"hex": "#b5926e",
"rgb": {
"r": 181,
"g": 146,
"b": 110
},
"hsl": {
"h": 30.423,
"s": 32.42,
"l": 57.059
},
"oklch": {
"l": 0.68353,
"c": 0.06517,
"h": 67.2
},
"luminance": 0.31507
}Semantic roles & 50–950 ramp
primary
#B5926E
secondary
#B1BFCE
accent
#93C95F
background
#FCFAF9
surface
#F9F5F2
border
#D2CFCC
text
#14100D
muted
#827F7E