#BA458B

#BA458B

Color Values

HEX

#BA458B

RGB

186, 69, 139

HSL

324,1, 45,9%, 50,0%

HSV

324,1, 62,9%, 72,9%

CMYK

0,0%, 62,9%, 25,3%, 27,1%

OKLCH

0,5713 0,1683 346,8

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#BA458B

#45BA74

Analogous

#AF45BA

#BA4550

#BA458B

Triadic

#BA458B

#8BBA45

#458BBA

Split Complementary

#BA458B

#50BA45

#45BAAF

Tetradic

#BA458B

#BAAF45

#45BA74

#4550BA

Color Blindness Simulation

Original

#BA458B

Protanopia

#87867A

Deuteranopia

#8E9776

Tritanopia

#B46D6A

Achromatopsia

#636363

CSS Usage

background-color: #BA458B;
color: #BA458B;
border-color: #BA458B;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF4F8
100
#F4E6EF
200
#ECCBDF
300
#DEA6C7
400
#CC75A9
500
#BA458B
600
#95376F
700
#772C59
800
#5D2246
900
#441C34
950
#2B1221

Contrast Checker

Text on white

4,87:1

AA Pass AAA Fail

Text on black

4,31:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026