#BA2C23

#BA2C23

Color Values

HEX

#BA2C23

RGB

186, 44, 35

HSL

3,6, 68,3%, 43,3%

HSV

3,6, 81,2%, 72,9%

CMYK

0,0%, 76,3%, 81,2%, 27,1%

OKLCH

0,5195 0,18 28,7

Properties

Warm Dark Nearest: RAL 3016 Coral Red

Color Harmonies

Complementary

#BA2C23

#23B1BA

Analogous

#BA2365

#BA7723

#BA2C23

Triadic

#BA2C23

#23BA2C

#2C23BA

Split Complementary

#BA2C23

#23BA77

#2365BA

Tetradic

#BA2C23

#65BA23

#23B1BA

#7723BA

Color Blindness Simulation

Original

#BA2C23

Protanopia

#7C7B25

Deuteranopia

#858F26

Tritanopia

#B32727

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E4E3
200
#F4C6C3
300
#EC9D98
400
#E16860
500
#D73328
600
#AC2920
700
#89211A
800
#6B1914
900
#4E1613
950
#310E0C

Contrast Checker

Text on white

6,05:1

AA Pass AAA Fail

Text on black

3,47: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