#BA165C

#BA165C

Color Values

HEX

#BA165C

RGB

186, 22, 92

HSL

334.4, 78.8%, 40.8%

HSV

334.4, 88.2%, 72.9%

CMYK

0.0%, 88.2%, 50.5%, 27.1%

OKLCH

0.5161 0.1968 3.4

Properties

Warm Dark Nearest: Jazzberry Jam

Color Harmonies

Complementary

#BA165C

#16BA74

Analogous

#BA16AE

#BA2216

#BA165C

Triadic

#BA165C

#5CBA16

#165CBA

Split Complementary

#BA165C

#16BA22

#16AEBA

Tetradic

#BA165C

#AEBA16

#16BA74

#2216BA

Color Blindness Simulation

Original

#BA165C

Protanopia

#73724B

Deuteranopia

#7C8947

Tritanopia

#B23E3B

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E1EB
200
#F7BFD7
300
#F292BB
400
#EB5696
500
#E41B71
600
#B6165A
700
#921148
800
#720E38
900
#530E2B
950
#34091B

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

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