#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

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