#B56388

#B56388

Color Values

HEX

#B56388

RGB

181, 99, 136

HSL

332.9, 35.7%, 54.9%

HSV

332.9, 45.3%, 71.0%

CMYK

0.0%, 45.3%, 24.9%, 29.0%

OKLCH

0.6047 0.1141 352.6

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#B56388

#63B590

Analogous

#B563B1

#B56763

#B56388

Triadic

#B56388

#88B563

#6388B5

Split Complementary

#B56388

#63B567

#63B1B5

Tetradic

#B56388

#B1B563

#63B590

#6763B5

Color Blindness Simulation

Original

#B56388

Protanopia

#91917F

Deuteranopia

#969C7D

Tritanopia

#B17876

Achromatopsia

#777777

CSS Usage

background-color: #B56388;
color: #B56388;
border-color: #B56388;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F7
100
#F3E8ED
200
#E8CFDA
300
#D8ACC0
400
#C27F9D
500
#AD527B
600
#8A4262
700
#6F344F
800
#57293E
900
#40212F
950
#28151E

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

5.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