#BD4F0F

#BD4F0F

Color Values

HEX

#BD4F0F

RGB

189, 79, 15

HSL

22.1, 85.3%, 40.0%

HSV

22.1, 92.1%, 74.1%

CMYK

0.0%, 58.2%, 92.1%, 25.9%

OKLCH

0.5635 0.1568 44.3

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#BD4F0F

#0F7DBD

Analogous

#BD0F26

#BDA60F

#BD4F0F

Triadic

#BD4F0F

#0FBD4F

#4F0FBD

Split Complementary

#BD4F0F

#0FBDA6

#0F26BD

Tetradic

#BD4F0F

#26BD0F

#0F7DBD

#A60FBD

Color Blindness Simulation

Original

#BD4F0F

Protanopia

#8D8C1E

Deuteranopia

#949C22

Tritanopia

#B72B2D

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#FAEAE0
200
#FAD3BD
300
#F6B48E
400
#F18B50
500
#EC6313
600
#BD4F0F
700
#973F0C
800
#763109
900
#56270B
950
#361807

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

4.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026