#B57BDD

#B57BDD

Color Values

HEX

#B57BDD

RGB

181, 123, 221

HSL

275.5, 59.0%, 67.5%

HSV

275.5, 44.3%, 86.7%

CMYK

18.1%, 44.3%, 0.0%, 13.3%

OKLCH

0.68 0.1511 310.2

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B57BDD

#A3DD7B

Analogous

#847BDD

#DD7BD4

#B57BDD

Triadic

#B57BDD

#DDB57B

#7BDDB5

Split Complementary

#B57BDD

#D4DD7B

#7BDD84

Tetradic

#B57BDD

#DD847B

#A3DD7B

#7BD4DD

Color Blindness Simulation

Original

#B57BDD

Protanopia

#9C9BC5

Deuteranopia

#9FA4C0

Tritanopia

#B2B3AE

Achromatopsia

#8E8E8E

CSS Usage

background-color: #B57BDD;
color: #B57BDD;
border-color: #B57BDD;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F4FB
100
#EFE4F6
200
#DFC6F0
300
#C89EE6
400
#AB69D8
500
#8D34CB
600
#712AA2
700
#5A2182
800
#471A65
900
#35174A
950
#220E2F

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

6.84:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026