#B57FAF

#B57FAF

Color Values

HEX

#B57FAF

RGB

181, 127, 175

HSL

306.7, 26.7%, 60.4%

HSV

306.7, 29.8%, 71.0%

CMYK

0.0%, 29.8%, 3.3%, 29.0%

OKLCH

0.6663 0.093 330.4

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#B57FAF

#7FB585

Analogous

#A07FB5

#B57F94

#B57FAF

Triadic

#B57FAF

#AFB57F

#7FAFB5

Split Complementary

#B57FAF

#94B57F

#7FB5A0

Tetradic

#B57FAF

#B5A07F

#7FB585

#7F94B5

Color Blindness Simulation

Original

#B57FAF

Protanopia

#9E9DA3

Deuteranopia

#A1A5A1

Tritanopia

#B29A98

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F1E9F0
200
#E5D2E3
300
#D2B1CE
400
#BA87B4
500
#A25D9A
600
#814B7B
700
#673C63
800
#512F4D
900
#3C2539
950
#261724

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

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