#BA6578

#BA6578

Color Values

HEX

#BA6578

RGB

186, 101, 120

HSL

346.6, 38.1%, 56.3%

HSV

346.6, 45.7%, 72.9%

CMYK

0.0%, 45.7%, 35.5%, 27.1%

OKLCH

0.6094 0.1105 6.6

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#BA6578

#65BAA7

Analogous

#BA65A3

#BA7D65

#BA6578

Triadic

#BA6578

#78BA65

#6578BA

Split Complementary

#BA6578

#65BA7D

#65A3BA

Tetradic

#BA6578

#A3BA65

#65BAA7

#7D65BA

Color Blindness Simulation

Original

#BA6578

Protanopia

#959473

Deuteranopia

#9AA072

Tritanopia

#B6706F

Achromatopsia

#787878

CSS Usage

background-color: #BA6578;
color: #BA6578;
border-color: #BA6578;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF5F6
100
#F3E7EA
200
#E9CED4
300
#D9AAB5
400
#C57D8D
500
#B04F65
600
#8D3F50
700
#713340
800
#582732
900
#412027
950
#291419

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

5.22:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026