#B0553F

#B0553F

Color Values

HEX

#B0553F

RGB

176, 85, 63

HSL

11.7, 47.3%, 46.9%

HSV

11.7, 64.2%, 69.0%

CMYK

0.0%, 51.7%, 64.2%, 31.0%

OKLCH

0.5572 0.1241 34.8

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#B0553F

#3F9AB0

Analogous

#B03F62

#B08E3F

#B0553F

Triadic

#B0553F

#3FB055

#553FB0

Split Complementary

#B0553F

#3FB08E

#3F62B0

Tetradic

#B0553F

#62B03F

#3F9AB0

#8E3FB0

Color Blindness Simulation

Original

#B0553F

Protanopia

#898844

Deuteranopia

#8E9546

Tritanopia

#AB4949

Achromatopsia

#676767

CSS Usage

background-color: #B0553F;
color: #B0553F;
border-color: #B0553F;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FAF5F4
100
#F4E9E6
200
#ECD1CA
300
#DFB0A5
400
#CD8574
500
#BC5B43
600
#964936
700
#783A2B
800
#5E2D22
900
#45241C
950
#2C1712

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

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