#B45577

#B45577

Color Values

HEX

#B45577

RGB

180, 85, 119

HSL

338.5, 38.8%, 52.0%

HSV

338.5, 52.8%, 70.6%

CMYK

0.0%, 52.8%, 33.9%, 29.4%

OKLCH

0.5764 0.1283 359.3

Properties

Warm Dark Nearest: palevioletred 3

Color Harmonies

Complementary

#B45577

#55B492

Analogous

#B455A7

#B46355

#B45577

Triadic

#B45577

#77B455

#5577B4

Split Complementary

#B45577

#55B463

#55A7B4

Tetradic

#B45577

#A7B455

#55B492

#6355B4

Color Blindness Simulation

Original

#B45577

Protanopia

#8B8A6F

Deuteranopia

#90986D

Tritanopia

#AF6867

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7EB
200
#E9CDD7
300
#DAAABB
400
#C57C96
500
#B14E71
600
#8E3E5B
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