#BA455E

#BA455E

Color Values

HEX

#BA455E

RGB

186, 69, 94

HSL

347.2, 45.9%, 50.0%

HSV

347.2, 62.9%, 72.9%

CMYK

0.0%, 62.9%, 49.5%, 27.1%

OKLCH

0.5565 0.1516 10.5

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#BA455E

#45BAA1

Analogous

#BA4598

#BA6745

#BA455E

Triadic

#BA455E

#5EBA45

#455EBA

Split Complementary

#BA455E

#45BA67

#4598BA

Tetradic

#BA455E

#98BA45

#45BAA1

#6745BA

Color Blindness Simulation

Original

#BA455E

Protanopia

#878658

Deuteranopia

#8E9756

Tritanopia

#B45352

Achromatopsia

#606060

CSS Usage

background-color: #BA455E;
color: #BA455E;
border-color: #BA455E;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF4F6
100
#F4E6E9
200
#ECCBD2
300
#DEA6B2
400
#CC7588
500
#BA455E
600
#95374B
700
#772C3C
800
#5D222F
900
#441C25
950
#2B1217

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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