#BA1218

#BA1218

Color Values

HEX

#BA1218

RGB

186, 18, 24

HSL

357.9, 82.4%, 40.0%

HSV

357.9, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 87.1%, 27.1%

OKLCH

0.5021 0.1965 27.2

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#BA1218

#12BAB4

Analogous

#BA126C

#BA6012

#BA1218

Triadic

#BA1218

#18BA12

#1218BA

Split Complementary

#BA1218

#12BA60

#126CBA

Tetradic

#BA1218

#6CBA12

#12BAB4

#6012BA

Color Blindness Simulation

Original

#BA1218

Protanopia

#717017

Deuteranopia

#7B8816

Tritanopia

#B21515

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE1E2
200
#F9BEC0
300
#F48F93
400
#EE5358
500
#E9161E
600
#BA1218
700
#950E13
800
#740B0F
900
#540D0F
950
#350809

Contrast Checker

Text on white

6.59:1

AA Pass AAA Fail

Text on black

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