#BA455C

#BA455C

Color Values

HEX

#BA455C

RGB

186, 69, 92

HSL

348.2, 45.9%, 50.0%

HSV

348.2, 62.9%, 72.9%

CMYK

0.0%, 62.9%, 50.5%, 27.1%

OKLCH

0.556 0.1513 11.6

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#BA455C

#45BAA3

Analogous

#BA4597

#BA6845

#BA455C

Triadic

#BA455C

#5CBA45

#455CBA

Split Complementary

#BA455C

#45BA68

#4597BA

Tetradic

#BA455C

#97BA45

#45BAA3

#6845BA

Color Blindness Simulation

Original

#BA455C

Protanopia

#878656

Deuteranopia

#8E9755

Tritanopia

#B45251

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FAF4F6
100
#F4E6E9
200
#ECCBD1
300
#DEA6B1
400
#CC7586
500
#BA455C
600
#95374A
700
#772C3B
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