#B20F63

#B20F63

Color Values

HEX

#B20F63

RGB

178, 15, 99

HSL

329.1, 84.5%, 37.8%

HSV

329.1, 91.6%, 69.8%

CMYK

0.0%, 91.6%, 44.4%, 30.2%

OKLCH

0.5009 0.1969 358.0

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#B20F63

#0FB25E

Analogous

#AF0FB2

#B20F11

#B20F63

Triadic

#B20F63

#63B20F

#0F63B2

Split Complementary

#B20F63

#11B20F

#0FB2AF

Tetradic

#B20F63

#B2AF0F

#0FB25E

#0F11B2

Color Blindness Simulation

Original

#B20F63

Protanopia

#6B6A4F

Deuteranopia

#75814A

Tritanopia

#AA3F3B

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#F9BDDC
300
#F68EC3
400
#F051A3
500
#EB1483
600
#BC1069
700
#970D54
800
#760A41
900
#550C32
950
#36071F

Contrast Checker

Text on white

6.68:1

AA Pass AAA Fail

Text on black

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