#A77FD5

#A77FD5

Color Values

HEX

#A77FD5

RGB

167, 127, 213

HSL

267.9, 50.6%, 66.7%

HSV

267.9, 40.4%, 83.5%

CMYK

21.6%, 40.4%, 0.0%, 16.5%

OKLCH

0.6687 0.1301 304.5

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#A77FD5

#ADD57F

Analogous

#7F82D5

#D27FD5

#A77FD5

Triadic

#A77FD5

#D5A77F

#7FD5A7

Split Complementary

#A77FD5

#D5D27F

#82D57F

Tetradic

#A77FD5

#D57F82

#ADD57F

#7FD5D2

Color Blindness Simulation

Original

#A77FD5

Protanopia

#9695C0

Deuteranopia

#989BBB

Tritanopia

#A5B0AC

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DAC9ED
300
#C0A3E1
400
#9D71D0
500
#7B3FC0
600
#62329A
700
#4F287B
800
#3D1F60
900
#2F1A47
950
#1E112D

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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