#BA455B

#BA455B

Color Values

HEX

#BA455B

RGB

186, 69, 91

HSL

348.7, 45.9%, 50.0%

HSV

348.7, 62.9%, 72.9%

CMYK

0.0%, 62.9%, 51.1%, 27.1%

OKLCH

0.5557 0.1512 12.2

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#BA455B

#45BAA4

Analogous

#BA4596

#BA6945

#BA455B

Triadic

#BA455B

#5BBA45

#455BBA

Split Complementary

#BA455B

#45BA69

#4596BA

Tetradic

#BA455B

#96BA45

#45BAA4

#6945BA

Color Blindness Simulation

Original

#BA455B

Protanopia

#878656

Deuteranopia

#8E9754

Tritanopia

#B45151

Achromatopsia

#5F5F5F

CSS Usage

background-color: #BA455B;
color: #BA455B;
border-color: #BA455B;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FAF4F5
100
#F4E6E9
200
#ECCBD1
300
#DEA6B0
400
#CC7586
500
#BA455B
600
#953749
700
#772C3A
800
#5D222E
900
#441C24
950
#2B1217

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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