#BA1245

#BA1245

Color Values

HEX

#BA1245

RGB

186, 18, 69

HSL

341.8, 82.4%, 40.0%

HSV

341.8, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 62.9%, 27.1%

OKLCH

0.5085 0.1949 12.9

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#BA1245

#12BA87

Analogous

#BA1299

#BA3312

#BA1245

Triadic

#BA1245

#45BA12

#1245BA

Split Complementary

#BA1245

#12BA33

#1299BA

Tetradic

#BA1245

#99BA12

#12BA87

#3312BA

Color Blindness Simulation

Original

#BA1245

Protanopia

#717039

Deuteranopia

#7B8836

Tritanopia

#B22F2D

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FDF2F5
100
#FAE1E8
200
#F9BED0
300
#F48FAE
400
#EE5382
500
#E91656
600
#BA1245
700
#950E37
800
#740B2B
900
#540D22
950
#350816

Contrast Checker

Text on white

6.44:1

AA Pass AAA Fail

Text on black

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