#B17DA8

#B17DA8

Color Values

HEX

#B17DA8

RGB

177, 125, 168

HSL

310.4, 25.0%, 59.2%

HSV

310.4, 29.4%, 69.4%

CMYK

0.0%, 29.4%, 5.1%, 30.6%

OKLCH

0.6558 0.0868 332.8

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#B17DA8

#7DB186

Analogous

#A07DB1

#B17D8E

#B17DA8

Triadic

#B17DA8

#A8B17D

#7DA8B1

Split Complementary

#B17DA8

#8EB17D

#7DB1A0

Tetradic

#B17DA8

#B1A07D

#7DB186

#7D8EB1

Color Blindness Simulation

Original

#B17DA8

Protanopia

#9A9A9E

Deuteranopia

#9EA19B

Tritanopia

#AE9594

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9F0
200
#E4D2E1
300
#D1B2CC
400
#B889B0
500
#9F6094
600
#804D77
700
#663D5F
800
#50304A
900
#3B2638
950
#251823

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.37: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