#BD550F

#BD550F

Color Values

HEX

#BD550F

RGB

189, 85, 15

HSL

24.1, 85.3%, 40.0%

HSV

24.1, 92.1%, 74.1%

CMYK

0.0%, 55.0%, 92.1%, 25.9%

OKLCH

0.5722 0.152 47.2

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#BD550F

#0F77BD

Analogous

#BD0F20

#BDAC0F

#BD550F

Triadic

#BD550F

#0FBD55

#550FBD

Split Complementary

#BD550F

#0FBDAC

#0F20BD

Tetradic

#BD550F

#20BD0F

#0F77BD

#AC0FBD

Color Blindness Simulation

Original

#BD550F

Protanopia

#908F20

Deuteranopia

#969E24

Tritanopia

#B82D30

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#FAEBE0
200
#FAD5BD
300
#F6B88E
400
#F19150
500
#EC6A13
600
#BD550F
700
#97440C
800
#763509
900
#56290B
950
#361A07

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.47: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