#BA1237

#BA1237

Color Values

HEX

#BA1237

RGB

186, 18, 55

HSL

346,8, 82,4%, 40,0%

HSV

346,8, 90,3%, 72,9%

CMYK

0,0%, 90,3%, 70,4%, 27,1%

OKLCH

0,5058 0,1944 18,3

Properties

Warm Dark Nearest: NCS S 1080-R Pure Red

Color Harmonies

Complementary

#BA1237

#12BA95

Analogous

#BA128B

#BA4112

#BA1237

Triadic

#BA1237

#37BA12

#1237BA

Split Complementary

#BA1237

#12BA41

#128BBA

Tetradic

#BA1237

#8BBA12

#12BA95

#4112BA

Color Blindness Simulation

Original

#BA1237

Protanopia

#71702E

Deuteranopia

#7B882C

Tritanopia

#B22725

Achromatopsia

#383838

CSS Usage

background-color: #BA1237;
color: #BA1237;
border-color: #BA1237;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FDF2F4
100
#FAE1E6
200
#F9BECB
300
#F48FA6
400
#EE5375
500
#E91645
600
#BA1237
700
#950E2C
800
#740B22
900
#540D1C
950
#350812

Contrast Checker

Text on white

6,5:1

AA Pass AAA Fail

Text on black

3,23: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