#B24372

#B24372

Color Values

HEX

#B24372

RGB

178, 67, 114

HSL

334.6, 45.3%, 48.0%

HSV

334.6, 62.4%, 69.8%

CMYK

0.0%, 62.4%, 36.0%, 30.2%

OKLCH

0.5475 0.1514 357.0

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B24372

#43B283

Analogous

#B243A9

#B24B43

#B24372

Triadic

#B24372

#72B243

#4372B2

Split Complementary

#B24372

#43B24B

#43A9B2

Tetradic

#B24372

#A9B243

#43B283

#4B43B2

Color Blindness Simulation

Original

#B24372

Protanopia

#828167

Deuteranopia

#889164

Tritanopia

#AC5E5C

Achromatopsia

#5E5E5E

CSS Usage

background-color: #B24372;
color: #B24372;
border-color: #B24372;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#EBCBD9
300
#DEA6BE
400
#CB769A
500
#B94677
600
#94385F
700
#772D4C
800
#5D233B
900
#441D2D
950
#2B121D

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

3.94:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026