#B40563

#B40563

Color Values

HEX

#B40563

RGB

180, 5, 99

HSL

327.8, 94.6%, 36.3%

HSV

327.8, 97.2%, 70.6%

CMYK

0.0%, 97.2%, 45.0%, 29.4%

OKLCH

0.5017 0.202 358.1

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#B40563

#05B456

Analogous

#AE05B4

#B4050B

#B40563

Triadic

#B40563

#63B405

#0563B4

Split Complementary

#B40563

#0BB405

#05B4AE

Tetradic

#B40563

#B4AE05

#05B456

#050BB4

Color Blindness Simulation

Original

#B40563

Protanopia

#68674C

Deuteranopia

#727F47

Tritanopia

#AB3A36

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEE
200
#FDBADE
300
#FC88C6
400
#FA47A7
500
#F80788
600
#C6066D
700
#9F0457
800
#7C0344
900
#5A0733
950
#390521

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