#BA121A

#BA121A

Color Values

HEX

#BA121A

RGB

186, 18, 26

HSL

357.1, 82.4%, 40.0%

HSV

357.1, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 86.0%, 27.1%

OKLCH

0.5022 0.1963 26.8

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#BA121A

#12BAB2

Analogous

#BA126E

#BA5E12

#BA121A

Triadic

#BA121A

#1ABA12

#121ABA

Split Complementary

#BA121A

#12BA5E

#126EBA

Tetradic

#BA121A

#6EBA12

#12BAB2

#5E12BA

Color Blindness Simulation

Original

#BA121A

Protanopia

#717018

Deuteranopia

#7B8818

Tritanopia

#B21716

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE1E2
200
#F9BEC1
300
#F48F94
400
#EE535A
500
#E91621
600
#BA121A
700
#950E15
800
#740B10
900
#540D10
950
#35080A

Contrast Checker

Text on white

6.58:1

AA Pass AAA Fail

Text on black

3.19:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026