#B55617

#B55617

Color Values

HEX

#B55617

RGB

181, 86, 23

HSL

23.9, 77.5%, 40.0%

HSV

23.9, 87.3%, 71.0%

CMYK

0.0%, 52.5%, 87.3%, 29.0%

OKLCH

0.562 0.1416 48.4

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#B55617

#1776B5

Analogous

#B51727

#B5A517

#B55617

Triadic

#B55617

#17B556

#5617B5

Split Complementary

#B55617

#17B5A5

#1727B5

Tetradic

#B55617

#27B517

#1776B5

#A517B5

Color Blindness Simulation

Original

#B55617

Protanopia

#8C8B26

Deuteranopia

#91982A

Tritanopia

#B03235

Achromatopsia

#666666

CSS Usage

background-color: #B55617;
color: #B55617;
border-color: #B55617;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FCF6F2
100
#F9EBE1
200
#F7D6C0
300
#F1B892
400
#EA9258
500
#E26B1D
600
#B55617
700
#914512
800
#71360E
900
#522A0F
950
#341A09

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026