#A27BA3

#A27BA3

Color Values

HEX

#A27BA3

RGB

162, 123, 163

HSL

298.5, 17.9%, 56.1%

HSV

298.5, 24.5%, 63.9%

CMYK

0.6%, 24.5%, 0.0%, 36.1%

OKLCH

0.6343 0.074 325.6

Properties

Cool Light Nearest: plum 4

Color Harmonies

Complementary

#A27BA3

#7CA37B

Analogous

#8E7BA3

#A37B90

#A27BA3

Triadic

#A27BA3

#A3A27B

#7BA3A2

Split Complementary

#A27BA3

#90A37B

#7BA38E

Tetradic

#A27BA3

#A38E7B

#7CA37B

#7B90A3

Color Blindness Simulation

Original

#A27BA3

Protanopia

#919199

Deuteranopia

#939697

Tritanopia

#A09290

Achromatopsia

#868686

CSS Usage

background-color: #A27BA3;
color: #A27BA3;
border-color: #A27BA3;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F8F6F9
100
#F0EAF0
200
#E1D5E2
300
#CCB7CD
400
#B190B2
500
#956996
600
#775478
700
#5F4360
800
#4B344B
900
#382938
950
#231A24

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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