#B22D62

#B22D62

Color Values

HEX

#B22D62

RGB

178, 45, 98

HSL

336.1, 59.6%, 43.7%

HSV

336.1, 74.7%, 69.8%

CMYK

0.0%, 74.7%, 44.9%, 30.2%

OKLCH

0.519 0.1734 1.4

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B22D62

#2DB27D

Analogous

#B22DA4

#B23B2D

#B22D62

Triadic

#B22D62

#62B22D

#2D62B2

Split Complementary

#B22D62

#2DB23B

#2DA4B2

Tetradic

#B22D62

#A4B22D

#2DB27D

#3B2DB2

Color Blindness Simulation

Original

#B22D62

Protanopia

#787755

Deuteranopia

#808A52

Tritanopia

#AB4B49

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F6E4EB
200
#F1C6D7
300
#E69DBA
400
#D96895
500
#CB3470
600
#A3295A
700
#822148
800
#661A38
900
#4A162B
950
#2F0E1B

Contrast Checker

Text on white

6.1:1

AA Pass AAA Fail

Text on black

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