#BA1463

#BA1463

Color Values

HEX

#BA1463

RGB

186, 20, 99

HSL

331.4, 80.6%, 40.4%

HSV

331.4, 89.2%, 72.9%

CMYK

0.0%, 89.2%, 46.8%, 27.1%

OKLCH

0.5174 0.2 0.2

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#BA1463

#14BA6B

Analogous

#BA14B6

#BA1814

#BA1463

Triadic

#BA1463

#63BA14

#1463BA

Split Complementary

#BA1463

#14BA18

#14B6BA

Tetradic

#BA1463

#B6BA14

#14BA6B

#1814BA

Color Blindness Simulation

Original

#BA1463

Protanopia

#727150

Deuteranopia

#7C884B

Tritanopia

#B2413D

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#F9E1ED
200
#F8BFDA
300
#F390BF
400
#ED559D
500
#E6197B
600
#B81462
700
#93104F
800
#730C3D
900
#540D2F
950
#35081E

Contrast Checker

Text on white

6.24:1

AA Pass AAA Fail

Text on black

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