#BA121B

#BA121B

Color Values

HEX

#BA121B

RGB

186, 18, 27

HSL

356.8, 82.4%, 40.0%

HSV

356.8, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 85.5%, 27.1%

OKLCH

0.5023 0.1962 26.6

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#BA121B

#12BAB1

Analogous

#BA126F

#BA5D12

#BA121B

Triadic

#BA121B

#1BBA12

#121BBA

Split Complementary

#BA121B

#12BA5D

#126FBA

Tetradic

#BA121B

#6FBA12

#12BAB1

#5D12BA

Color Blindness Simulation

Original

#BA121B

Protanopia

#717019

Deuteranopia

#7B8818

Tritanopia

#B21717

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE1E2
200
#F9BEC1
300
#F48F95
400
#EE535B
500
#E91622
600
#BA121B
700
#950E16
800
#740B11
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