#B4789C

#B4789C

Color Values

HEX

#B4789C

RGB

180, 120, 156

HSL

324.0, 28.6%, 58.8%

HSV

324.0, 33.3%, 70.6%

CMYK

0.0%, 33.3%, 13.3%, 29.4%

OKLCH

0.6458 0.0886 343.1

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#B4789C

#78B490

Analogous

#AE78B4

#B4787E

#B4789C

Triadic

#B4789C

#9CB478

#789CB4

Split Complementary

#B4789C

#7EB478

#78B4AE

Tetradic

#B4789C

#B4AE78

#78B490

#787EB4

Color Blindness Simulation

Original

#B4789C

Protanopia

#9A9993

Deuteranopia

#9EA291

Tritanopia

#B18C8B

Achromatopsia

#878787

CSS Usage

background-color: #B4789C;
color: #B4789C;
border-color: #B4789C;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F5F8
100
#F1E9EE
200
#E6D1DD
300
#D3B0C5
400
#BC86A6
500
#A45B87
600
#83496C
700
#693A56
800
#522E43
900
#3D2433
950
#261720

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

6.11:1

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