#BA418A

#BA418A

Color Values

HEX

#BA418A

RGB

186, 65, 138

HSL

323.8, 48.2%, 49.2%

HSV

323.8, 65.1%, 72.9%

CMYK

0.0%, 65.1%, 25.8%, 27.1%

OKLCH

0.5663 0.1734 346.8

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#BA418A

#41BA71

Analogous

#AD41BA

#BA414D

#BA418A

Triadic

#BA418A

#8ABA41

#418ABA

Split Complementary

#BA418A

#4DBA41

#41BAAD

Tetradic

#BA418A

#BAAD41

#41BA71

#414DBA

Color Blindness Simulation

Original

#BA418A

Protanopia

#868578

Deuteranopia

#8D9674

Tritanopia

#B46A67

Achromatopsia

#606060

CSS Usage

background-color: #BA418A;
color: #BA418A;
border-color: #BA418A;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FAF4F8
100
#F4E6EF
200
#EDCADF
300
#DFA4C8
400
#CE73AA
500
#BD428C
600
#973570
700
#792A5A
800
#5E2146
900
#451B35
950
#2C1121

Contrast Checker

Text on white

4.99:1

AA Pass AAA Fail

Text on black

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