#BA3021

#BA3021

Color Values

HEX

#BA3021

RGB

186, 48, 33

HSL

5.9, 69.9%, 42.9%

HSV

5.9, 82.3%, 72.9%

CMYK

0.0%, 74.2%, 82.3%, 27.1%

OKLCH

0.5229 0.1771 30.2

Properties

Warm Dark Nearest: RAL 3016 Coral Red

Color Harmonies

Complementary

#BA3021

#21ABBA

Analogous

#BA215E

#BA7C21

#BA3021

Triadic

#BA3021

#21BA30

#3021BA

Split Complementary

#BA3021

#21BA7C

#215EBA

Tetradic

#BA3021

#5EBA21

#21ABBA

#7C21BA

Color Blindness Simulation

Original

#BA3021

Protanopia

#7E7D25

Deuteranopia

#869126

Tritanopia

#B32728

Achromatopsia

#4C4C4C

CSS Usage

background-color: #BA3021;
color: #BA3021;
border-color: #BA3021;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FCF4F3
100
#F8E5E3
200
#F4C7C2
300
#ED9F97
400
#E36C5F
500
#D93826
600
#AD2D1F
700
#8B2419
800
#6C1C13
900
#4F1812
950
#320F0B

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

3.53:1

AA Fail 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