#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

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026