#BA455D

#BA455D

Color Values

HEX

#BA455D

RGB

186, 69, 93

HSL

347.7, 45.9%, 50.0%

HSV

347.7, 62.9%, 72.9%

CMYK

0.0%, 62.9%, 50.0%, 27.1%

OKLCH

0.5562 0.1514 11.1

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#BA455D

#45BAA2

Analogous

#BA4597

#BA6845

#BA455D

Triadic

#BA455D

#5DBA45

#455DBA

Split Complementary

#BA455D

#45BA68

#4597BA

Tetradic

#BA455D

#97BA45

#45BAA2

#6845BA

Color Blindness Simulation

Original

#BA455D

Protanopia

#878657

Deuteranopia

#8E9756

Tritanopia

#B45352

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FAF4F6
100
#F4E6E9
200
#ECCBD2
300
#DEA6B1
400
#CC7587
500
#BA455D
600
#95374A
700
#772C3C
800
#5D222E
900
#441C25
950
#2B1217

Contrast Checker

Text on white

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