#BA1764

#BA1764

Color Values

HEX

#BA1764

RGB

186, 23, 100

HSL

331.7, 78.0%, 41.0%

HSV

331.7, 87.6%, 72.9%

CMYK

0.0%, 87.6%, 46.2%, 27.1%

OKLCH

0.519 0.1986 360.0

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#BA1764

#17BA6D

Analogous

#BA17B5

#BA1C17

#BA1764

Triadic

#BA1764

#64BA17

#1764BA

Split Complementary

#BA1764

#17BA1C

#17B5BA

Tetradic

#BA1764

#B5BA17

#17BA6D

#1C17BA

Color Blindness Simulation

Original

#BA1764

Protanopia

#737251

Deuteranopia

#7D894D

Tritanopia

#B2433F

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E1EC
200
#F7BFDA
300
#F292BF
400
#EA579C
500
#E31C7A
600
#B61661
700
#91124E
800
#710E3D
900
#520E2F
950
#34091D

Contrast Checker

Text on white

6.19:1

AA Pass AAA Fail

Text on black

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