#BA1663

#BA1663

Color Values

HEX

#BA1663

RGB

186, 22, 99

HSL

331.8, 78.8%, 40.8%

HSV

331.8, 88.2%, 72.9%

CMYK

0.0%, 88.2%, 46.8%, 27.1%

OKLCH

0.5183 0.1989 0.3

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#BA1663

#16BA6D

Analogous

#BA16B5

#BA1B16

#BA1663

Triadic

#BA1663

#63BA16

#1663BA

Split Complementary

#BA1663

#16BA1B

#16B5BA

Tetradic

#BA1663

#B5BA16

#16BA6D

#1B16BA

Color Blindness Simulation

Original

#BA1663

Protanopia

#737250

Deuteranopia

#7C894C

Tritanopia

#B2423E

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E1EC
200
#F7BFDA
300
#F292BF
400
#EB569C
500
#E41B79
600
#B61661
700
#92114E
800
#720E3D
900
#530E2E
950
#34091D

Contrast Checker

Text on white

6.21:1

AA Pass AAA Fail

Text on black

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