#A57FBA

#A57FBA

Color Values

HEX

#A57FBA

RGB

165, 127, 186

HSL

278.6, 29.9%, 61.4%

HSV

278.6, 31.7%, 72.9%

CMYK

11.3%, 31.7%, 0.0%, 27.1%

OKLCH

0.6543 0.0953 313.1

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#A57FBA

#94BA7F

Analogous

#887FBA

#BA7FB2

#A57FBA

Triadic

#A57FBA

#BAA57F

#7FBAA5

Split Complementary

#A57FBA

#B2BA7F

#7FBA88

Tetradic

#A57FBA

#BA887F

#94BA7F

#7FB2BA

Color Blindness Simulation

Original

#A57FBA

Protanopia

#9594AC

Deuteranopia

#979AA8

Tritanopia

#A3A09E

Achromatopsia

#8B8B8B

CSS Usage

background-color: #A57FBA;
color: #A57FBA;
border-color: #A57FBA;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5F9
100
#EEE9F2
200
#DED1E6
300
#C7B0D4
400
#A984BD
500
#8A59A6
600
#6F4884
700
#59396A
800
#452D53
900
#34233D
950
#211627

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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