#B57BBA

#B57BBA

Color Values

HEX

#B57BBA

RGB

181, 123, 186

HSL

295.2, 31.3%, 60.6%

HSV

295.2, 33.9%, 72.9%

CMYK

2.7%, 33.9%, 0.0%, 27.1%

OKLCH

0.6638 0.1116 324.0

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B57BBA

#80BA7B

Analogous

#957BBA

#BA7BA0

#B57BBA

Triadic

#B57BBA

#BAB57B

#7BBAB5

Split Complementary

#B57BBA

#A0BA7B

#7BBA95

Tetradic

#B57BBA

#BA957B

#80BA7B

#7BA0BA

Color Blindness Simulation

Original

#B57BBA

Protanopia

#9C9BAB

Deuteranopia

#9FA4A7

Tritanopia

#B29F9C

Achromatopsia

#8C8C8C

CSS Usage

background-color: #B57BBA;
color: #B57BBA;
border-color: #B57BBA;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F9F5F9
100
#F1E8F2
200
#E5D0E6
300
#D2AFD5
400
#B983BE
500
#A158A7
600
#814686
700
#67386B
800
#512C54
900
#3C233E
950
#261627

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

6.51:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026