#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026