#A552ED

#A552ED

Color Values

HEX

#A552ED

RGB

165, 82, 237

HSL

272.1, 81.2%, 62.5%

HSV

272.1, 65.4%, 92.9%

CMYK

30.4%, 65.4%, 0.0%, 7.1%

OKLCH

0.613 0.2253 305.2

Properties

Cool Light Nearest: darkorchid 3

Color Harmonies

Complementary

#A552ED

#9AED52

Analogous

#5752ED

#ED52E8

#A552ED

Triadic

#A552ED

#EDA552

#52EDA5

Split Complementary

#A552ED

#E8ED52

#52ED57

Tetradic

#A552ED

#ED5752

#9AED52

#52E8ED

Color Blindness Simulation

Original

#A552ED

Protanopia

#8180C8

Deuteranopia

#868CBE

Tritanopia

#A1AAA3

Achromatopsia

#6F6F6F

CSS Usage

background-color: #A552ED;
color: #A552ED;
border-color: #A552ED;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F2FD
100
#EEE1F9
200
#DDBEF8
300
#C590F3
400
#A654ED
500
#8718E7
600
#6C13B9
700
#560F94
800
#430C74
900
#330D54
950
#200835

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

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