#A27EC7

#A27EC7

Color Values

HEX

#A27EC7

RGB

162, 126, 199

HSL

269.6, 39.5%, 63.7%

HSV

269.6, 36.7%, 78.0%

CMYK

18.6%, 36.7%, 0.0%, 22.0%

OKLCH

0.6554 0.1124 306.2

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#A27EC7

#A3C77E

Analogous

#7E7EC7

#C77EC7

#A27EC7

Triadic

#A27EC7

#C7A27E

#7EC7A2

Split Complementary

#A27EC7

#C7C77E

#7EC77E

Tetradic

#A27EC7

#C77E7E

#A3C77E

#7EC7C7

Color Blindness Simulation

Original

#A27EC7

Protanopia

#9292B5

Deuteranopia

#9497B1

Tritanopia

#A0A7A4

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DBCDE9
300
#C1AADA
400
#A07BC6
500
#7F4DB2
600
#653E8E
700
#513172
800
#3F2759
900
#301F42
950
#1E1429

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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