#BA2527

#BA2527

Color Values

HEX

#BA2527

RGB

186, 37, 39

HSL

359.2, 66.8%, 43.7%

HSV

359.2, 80.1%, 72.9%

CMYK

0.0%, 80.1%, 79.0%, 27.1%

OKLCH

0.5143 0.1846 26.1

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#BA2527

#25BAB8

Analogous

#BA2571

#BA6D25

#BA2527

Triadic

#BA2527

#27BA25

#2527BA

Split Complementary

#BA2527

#25BA6D

#2571BA

Tetradic

#BA2527

#71BA25

#25BAB8

#6D25BA

Color Blindness Simulation

Original

#BA2527

Protanopia

#797827

Deuteranopia

#828D26

Tritanopia

#B32626

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F3C3C4
300
#EB999A
400
#E06263
500
#D52A2D
600
#AA2224
700
#881B1D
800
#6A1516
900
#4E1314
950
#310C0D

Contrast Checker

Text on white

6.21:1

AA Pass AAA Fail

Text on black

3.38:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026