Rust#B7410E
#B7410E is a mid, vivid orange. Relative luminance 0.139; OKLCH L 53.5% C 0.163 H 39.5°. Best body text is #FFFFFF at 5.56:1 contrast (WCAG AA passes).
Color values
| HEX | #B7410E |
|---|---|
| RGB | rgb(183, 65, 14) |
| HSL | hsl(18, 86%, 39%) |
| HSV | hsv(18, 92%, 72%) |
| CMYK | cmyk(0%, 64.5%, 92.3%, 28.2%) |
| CIE-LAB | lab(44.06, 45.76, 51.12) |
| CIE-LCH | lch(44.06, 68.60, 48.17°) |
| OKLab | oklab(53.51% 0.1254 0.1034) |
| OKLCH | oklch(53.51% 0.163 39.5) |
| XYZ | xyz(21.5005, 13.8828, 1.9629) |
| Luminance | 0.1388 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Rust
#B7410E
ΔE00 0.00
Rust (survey)
#A83C09
ΔE00 3.40
Brick Orange
#C14A09
ΔE00 3.71
Burnt Sienna
#B04E0F
ΔE00 4.55
Rusty Red
#AF2F0D
ΔE00 5.00
Russet
#A13905
ΔE00 5.04
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#B7410E #0E84B7
analogous
#B70E2F #B7410E #B7950E
triadic
#B7410E #0EB741 #410EB7
tetradic
#B7410E #2FB70E #0E84B7 #950EB7
square
#B7410E #2FB70E #0E84B7 #950EB7
split-complementary
#B7410E #0EB795 #0E2FB7
monochromatic
#451905 #7E2D0A #B7410E #ED5615 #F17F4E
Accessibility & contrast
On white
5.56
#B7410E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.78
#B7410E on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #B7410E
5.56:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##B7410E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##B7410E | 1.00 | 5.56 | 3.78 | 5.56 |
| #FFFFFF | 5.56 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.78 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.56 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#645701
Deuteranopia (green-blind)
#817203
Tritanopia (blue-blind)
#CA1E38
Achromatopsia (no color)
#686868
Related colors
#A43B0F#903610#7E3010#6C2B10#5A250F#491F0E#381A0B#291408#1A0C04#000000#C25528#CC683F#D67B55#DF8D6C#E7A083#EEB39B#F4C5B3#F8D8CC#FCECE5#FFFFFF#B1471A#AB4C24#A4502E#9D5436Sienna
#A0522D
Firebrick
#B22222
Adobe
#BD6C48
Clay
#B66A50
Brown
#A52A2A
Red
#FF0000
Terracotta
#C96F4A
Camel
#C19A6B
Palettes with this color
#8B6F4E
#A78A5B
#6B4F3A
#C9A87C
#4E3B2A
Earth Tone Palette
#8B2500
#C75B12
#E39B2D
#7A4B1B
#4E2E0F
Autumn Color Palette
#FAF9F6
#FDFDFB
#7B7B79
#F7F7F9
#D8D8D5
Off White Color Palette
#FFFDD0
#FFFFEA
#7E7D60
#DBDCF4
#DDDBB4
Cream Color Palette
Design tokens & code
CSS
--color: #b7410e; /* rgb */ color: rgb(183, 65, 14); /* oklch */ color: oklch(53.5% 0.163 39.5);
Tailwind
colors: {
custom: {
50: '#d67b55',
500: '#b7410e',
950: '#000000',
},
}SCSS
$custom: #b7410e; $custom-light: #d67b55; $custom-dark: #000000;
JSON
{
"hex": "#b7410e",
"rgb": {
"r": 183,
"g": 65,
"b": 14
},
"hsl": {
"h": 18.107,
"s": 85.787,
"l": 38.627
},
"oklch": {
"l": 0.5351,
"c": 0.16253,
"h": 39.5
},
"luminance": 0.1388
}Semantic roles & 50–950 ramp
primary
#B7410E
secondary
#4EABD3
accent
#BDFC2C
background
#FEF7F5
surface
#FDEEE9
border
#D5C9C5
text
#160A03
muted
#847C78