#BA124F

#BA124F

Color Values

HEX

#BA124F

RGB

186, 18, 79

HSL

338,2, 82,4%, 40,0%

HSV

338,2, 90,3%, 72,9%

CMYK

0,0%, 90,3%, 57,5%, 27,1%

OKLCH

0,5108 0,1961 8,7

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#BA124F

#12BA7D

Analogous

#BA12A3

#BA2912

#BA124F

Triadic

#BA124F

#4FBA12

#124FBA

Split Complementary

#BA124F

#12BA29

#12A3BA

Tetradic

#BA124F

#A3BA12

#12BA7D

#2912BA

Color Blindness Simulation

Original

#BA124F

Protanopia

#717040

Deuteranopia

#7B883D

Tritanopia

#B23532

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE1EA
200
#F9BED3
300
#F48FB4
400
#EE538B
500
#E91663
600
#BA124F
700
#950E3F
800
#740B31
900
#540D27
950
#350818

Contrast Checker

Text on white

6,39:1

AA Pass AAA Fail

Text on black

3,29: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