#BA1263

#BA1263

Color Values

HEX

#BA1263

RGB

186, 18, 99

HSL

331.1, 82.4%, 40.0%

HSV

331.1, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 46.8%, 27.1%

OKLCH

0.5166 0.201 0.1

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#BA1263

#12BA69

Analogous

#BA12B7

#BA1512

#BA1263

Triadic

#BA1263

#63BA12

#1263BA

Split Complementary

#BA1263

#12BA15

#12B7BA

Tetradic

#BA1263

#B7BA12

#12BA69

#1512BA

Color Blindness Simulation

Original

#BA1263

Protanopia

#71704F

Deuteranopia

#7B884B

Tritanopia

#B2403D

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE1ED
200
#F9BEDA
300
#F48FC0
400
#EE539E
500
#E9167C
600
#BA1263
700
#950E4F
800
#740B3E
900
#540D2F
950
#35081E

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

3.35:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026