#B1631C

#B1631C

Color Values

HEX

#B1631C

RGB

177, 99, 28

HSL

28.6, 72.7%, 40.2%

HSV

28.6, 84.2%, 69.4%

CMYK

0.0%, 44.1%, 84.2%, 30.6%

OKLCH

0.5781 0.128 57.1

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#B1631C

#1C6AB1

Analogous

#B11C1F

#B1AE1C

#B1631C

Triadic

#B1631C

#1CB163

#631CB1

Split Complementary

#B1631C

#1CB1AE

#1C1FB1

Tetradic

#B1631C

#1FB11C

#1C6AB1

#AE1CB1

Color Blindness Simulation

Original

#B1631C

Protanopia

#8F8F2D

Deuteranopia

#949A31

Tritanopia

#AD3B3E

Achromatopsia

#6E6E6E

CSS Usage

background-color: #B1631C;
color: #B1631C;
border-color: #B1631C;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FCF7F3
100
#F8EDE2
200
#F5DAC1
300
#EEC095
400
#E59D5C
500
#DC7B23
600
#B0631C
700
#8D4F16
800
#6E3E11
900
#502F11
950
#331E0B

Contrast Checker

Text on white

4.5:1

AA Fail AAA Fail

Text on black

4.67:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026