#BA125B

#BA125B

Color Values

HEX

#BA125B

RGB

186, 18, 91

HSL

333.9, 82.4%, 40.0%

HSV

333.9, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 51.1%, 27.1%

OKLCH

0.5141 0.1987 3.5

Properties

Warm Dark Nearest: Jazzberry Jam

Color Harmonies

Complementary

#BA125B

#12BA71

Analogous

#BA12AF

#BA1D12

#BA125B

Triadic

#BA125B

#5BBA12

#125BBA

Split Complementary

#BA125B

#12BA1D

#12AFBA

Tetradic

#BA125B

#AFBA12

#12BA71

#1D12BA

Color Blindness Simulation

Original

#BA125B

Protanopia

#717049

Deuteranopia

#7B8845

Tritanopia

#B23B38

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE1EC
200
#F9BED7
300
#F48FBB
400
#EE5397
500
#E91672
600
#BA125B
700
#950E49
800
#740B39
900
#540D2C
950
#35081C

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

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