#BA305B

#BA305B

Color Values

HEX

#BA305B

RGB

186, 48, 91

HSL

341.3, 59.0%, 45.9%

HSV

341.3, 74.2%, 72.9%

CMYK

0.0%, 74.2%, 51.1%, 27.1%

OKLCH

0.5333 0.1756 7.0

Properties

Warm Dark Nearest: Jazzberry Jam

Color Harmonies

Complementary

#BA305B

#30BA8F

Analogous

#BA30A0

#BA4A30

#BA305B

Triadic

#BA305B

#5BBA30

#305BBA

Split Complementary

#BA305B

#30BA4A

#30A0BA

Tetradic

#BA305B

#A0BA30

#30BA8F

#4A30BA

Color Blindness Simulation

Original

#BA305B

Protanopia

#7E7D51

Deuteranopia

#86914E

Tritanopia

#B34847

Achromatopsia

#505050

CSS Usage

background-color: #BA305B;
color: #BA305B;
border-color: #BA305B;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF4F6
100
#F6E4EA
200
#F0C6D3
300
#E69EB4
400
#D8698C
500
#CB3463
600
#A22A4F
700
#82213F
800
#651A32
900
#4A1727
950
#2F0E18

Contrast Checker

Text on white

5.74:1

AA Pass AAA Fail

Text on black

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