#BA1233

#BA1233

Color Values

HEX

#BA1233

RGB

186, 18, 51

HSL

348.2, 82.4%, 40.0%

HSV

348.2, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 72.6%, 27.1%

OKLCH

0.5051 0.1945 19.7

Properties

Warm Dark Nearest: RAL 3027 Raspberry Red

Color Harmonies

Complementary

#BA1233

#12BA99

Analogous

#BA1287

#BA4512

#BA1233

Triadic

#BA1233

#33BA12

#1233BA

Split Complementary

#BA1233

#12BA45

#1287BA

Tetradic

#BA1233

#87BA12

#12BA99

#4512BA

Color Blindness Simulation

Original

#BA1233

Protanopia

#71702B

Deuteranopia

#7B8829

Tritanopia

#B22523

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FAE1E6
200
#F9BEC9
300
#F48FA3
400
#EE5371
500
#E91640
600
#BA1233
700
#950E29
800
#740B20
900
#540D1B
950
#350811

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