#B22D61

#B22D61

Color Values

HEX

#B22D61

RGB

178, 45, 97

HSL

336.5, 59.6%, 43.7%

HSV

336.5, 74.7%, 69.8%

CMYK

0.0%, 74.7%, 45.5%, 30.2%

OKLCH

0.5187 0.1731 1.8

Properties

Warm Dark Nearest: Jazzberry Jam

Color Harmonies

Complementary

#B22D61

#2DB27E

Analogous

#B22DA3

#B23B2D

#B22D61

Triadic

#B22D61

#61B22D

#2D61B2

Split Complementary

#B22D61

#2DB23B

#2DA3B2

Tetradic

#B22D61

#A3B22D

#2DB27E

#3B2DB2

Color Blindness Simulation

Original

#B22D61

Protanopia

#787754

Deuteranopia

#808A51

Tritanopia

#AB4A48

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F6E4EB
200
#F1C6D7
300
#E69DBA
400
#D96894
500
#CB346F
600
#A32959
700
#822147
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

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