#B45578

#B45578

Color Values

HEX

#B45578

RGB

180, 85, 120

HSL

337.9, 38.8%, 52.0%

HSV

337.9, 52.8%, 70.6%

CMYK

0.0%, 52.8%, 33.3%, 29.4%

OKLCH

0.5767 0.1287 358.7

Properties

Warm Dark Nearest: palevioletred 3

Color Harmonies

Complementary

#B45578

#55B491

Analogous

#B455A8

#B46255

#B45578

Triadic

#B45578

#78B455

#5578B4

Split Complementary

#B45578

#55B462

#55A8B4

Tetradic

#B45578

#A8B455

#55B491

#6255B4

Color Blindness Simulation

Original

#B45578

Protanopia

#8B8A70

Deuteranopia

#90986E

Tritanopia

#AF6967

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#E9CDD8
300
#DAAABC
400
#C57C97
500
#B14E72
600
#8E3E5C
700
#713249
800
#582739
900
#41202C
950
#29141C

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

4.51:1

AA Pass 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