#A579DF

#A579DF

Color Values

HEX

#A579DF

RGB

165, 121, 223

HSL

265.9, 61.4%, 67.5%

HSV

265.9, 45.7%, 87.5%

CMYK

26.0%, 45.7%, 0.0%, 12.5%

OKLCH

0.6616 0.1521 302.3

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#A579DF

#B3DF79

Analogous

#7980DF

#D879DF

#A579DF

Triadic

#A579DF

#DFA579

#79DFA5

Split Complementary

#A579DF

#DFD879

#80DF79

Tetradic

#A579DF

#DF7980

#B3DF79

#79DFD8

Color Blindness Simulation

Original

#A579DF

Protanopia

#9292C6

Deuteranopia

#9498C0

Tritanopia

#A3B3AF

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#ECE4F6
200
#D8C5F1
300
#BD9CE7
400
#9967DB
500
#7531CE
600
#5D27A5
700
#4B1F84
800
#3A1967
900
#2D164B
950
#1C0E30

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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