#BA161B

#BA161B

Color Values

HEX

#BA161B

RGB

186, 22, 27

HSL

358.2, 78.8%, 40.8%

HSV

358.2, 88.2%, 72.9%

CMYK

0.0%, 88.2%, 85.5%, 27.1%

OKLCH

0.5041 0.1945 27.0

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#BA161B

#16BAB5

Analogous

#BA166D

#BA6316

#BA161B

Triadic

#BA161B

#1BBA16

#161BBA

Split Complementary

#BA161B

#16BA63

#166DBA

Tetradic

#BA161B

#6DBA16

#16BAB5

#6316BA

Color Blindness Simulation

Original

#BA161B

Protanopia

#73721A

Deuteranopia

#7C891A

Tritanopia

#B21919

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FCF2F3
100
#F9E1E2
200
#F7BFC1
300
#F29294
400
#EB565B
500
#E41B21
600
#B6161A
700
#921115
800
#720E11
900
#530E10
950
#34090A

Contrast Checker

Text on white

6.52:1

AA Pass AAA Fail

Text on black

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