#AA77D2

#AA77D2

Color Values

HEX

#AA77D2

RGB

170, 119, 210

HSL

273.6, 50.3%, 64.5%

HSV

273.6, 43.3%, 82.4%

CMYK

19.0%, 43.3%, 0.0%, 17.6%

OKLCH

0.6565 0.1407 308.8

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#AA77D2

#9FD277

Analogous

#7C77D2

#D277CD

#AA77D2

Triadic

#AA77D2

#D2AA77

#77D2AA

Split Complementary

#AA77D2

#CDD277

#77D27C

Tetradic

#AA77D2

#D27C77

#9FD277

#77CDD2

Color Blindness Simulation

Original

#AA77D2

Protanopia

#9493BC

Deuteranopia

#979BB7

Tritanopia

#A7ABA7

Achromatopsia

#888888

CSS Usage

background-color: #AA77D2;
color: #AA77D2;
border-color: #AA77D2;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F4FB
100
#EEE6F5
200
#DDC9ED
300
#C5A3E1
400
#A671D0
500
#873FC0
600
#6C3399
700
#57297B
800
#442060
900
#331B46
950
#20112C

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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