#A564EC

#A564EC

Color Values

HEX

#A564EC

RGB

165, 100, 236

HSL

268.7, 78.2%, 65.9%

HSV

268.7, 57.6%, 92.5%

CMYK

30.1%, 57.6%, 0.0%, 7.5%

OKLCH

0.6363 0.1997 303.2

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#A564EC

#ABEC64

Analogous

#6467EC

#E964EC

#A564EC

Triadic

#A564EC

#ECA564

#64ECA5

Split Complementary

#A564EC

#ECE964

#67EC64

Tetradic

#A564EC

#EC6467

#ABEC64

#64ECE9

Color Blindness Simulation

Original

#A564EC

Protanopia

#8988CB

Deuteranopia

#8D92C3

Tritanopia

#A2B1AB

Achromatopsia

#7C7C7C

CSS Usage

background-color: #A564EC;
color: #A564EC;
border-color: #A564EC;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F7F2FC
100
#EDE1F9
200
#DABFF7
300
#C092F2
400
#9D57EA
500
#7B1CE3
600
#6316B6
700
#4F1291
800
#3E0E72
900
#2F0E53
950
#1E0934

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.63:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026