#B22C70

#B22C70

Color Values

HEX

#B22C70

RGB

178, 44, 112

HSL

329.6, 60.4%, 43.5%

HSV

329.6, 75.3%, 69.8%

CMYK

0.0%, 75.3%, 37.1%, 30.2%

OKLCH

0.5229 0.1797 354.4

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B22C70

#2CB26E

Analogous

#B12CB2

#B22C2D

#B22C70

Triadic

#B22C70

#70B22C

#2C70B2

Split Complementary

#B22C70

#2DB22C

#2CB2B1

Tetradic

#B22C70

#B2B12C

#2CB26E

#2C2DB2

Color Blindness Simulation

Original

#B22C70

Protanopia

#787760

Deuteranopia

#808A5C

Tritanopia

#AB5350

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F6E4ED
200
#F1C6DC
300
#E79DC2
400
#DA68A1
500
#CD3281
600
#A42867
700
#832052
800
#661940
900
#4B1631
950
#2F0E1F

Contrast Checker

Text on white

6.02:1

AA Pass AAA Fail

Text on black

3.49:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026