#BD450F

#BD450F

Color Values

HEX

#BD450F

RGB

189, 69, 15

HSL

18.6, 85.3%, 40.0%

HSV

18.6, 92.1%, 74.1%

CMYK

0.0%, 63.5%, 92.1%, 25.9%

OKLCH

0.5501 0.1651 40.1

Properties

Warm Dark Nearest: RAL 2010 Signal Orange

Color Harmonies

Complementary

#BD450F

#0F87BD

Analogous

#BD0F30

#BD9C0F

#BD450F

Triadic

#BD450F

#0FBD45

#450FBD

Split Complementary

#BD450F

#0FBD9C

#0F30BD

Tetradic

#BD450F

#30BD0F

#0F87BD

#9C0FBD

Color Blindness Simulation

Original

#BD450F

Protanopia

#89881C

Deuteranopia

#90991F

Tritanopia

#B72629

Achromatopsia

#5B5B5B

CSS Usage

background-color: #BD450F;
color: #BD450F;
border-color: #BD450F;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FDF5F2
100
#FAE8E0
200
#FAD0BD
300
#F6AE8E
400
#F18250
500
#EC5613
600
#BD450F
700
#97370C
800
#762B09
900
#56220B
950
#361607

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

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