#B02771

#B02771

Color Values

HEX

#B02771

RGB

176, 39, 113

HSL

327.6, 63.7%, 42.2%

HSV

327.6, 77.8%, 69.0%

CMYK

0.0%, 77.8%, 35.8%, 31.0%

OKLCH

0.5158 0.1838 352.9

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B02771

#27B066

Analogous

#AB27B0

#B0272D

#B02771

Triadic

#B02771

#71B027

#2771B0

Split Complementary

#B02771

#2DB027

#27B0AB

Tetradic

#B02771

#B0AB27

#27B066

#272DB0

Color Blindness Simulation

Original

#B02771

Protanopia

#75735F

Deuteranopia

#7D875B

Tritanopia

#A9514E

Achromatopsia

#494949

CSS Usage

background-color: #B02771;
color: #B02771;
border-color: #B02771;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF3F8
100
#F7E3EE
200
#F2C5DD
300
#E99BC5
400
#DD65A5
500
#D12E86
600
#A7256B
700
#861E56
800
#681743
900
#4C1533
950
#300D20

Contrast Checker

Text on white

6.22:1

AA Pass AAA Fail

Text on black

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