#A565FC

#A565FC

Color Values

HEX

#A565FC

RGB

165, 101, 252

HSL

265.4, 96.2%, 69.2%

HSV

265.4, 59.9%, 98.8%

CMYK

34.5%, 59.9%, 0.0%, 1.2%

OKLCH

0.648 0.2165 299.9

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#A565FC

#BCFC65

Analogous

#6570FC

#F065FC

#A565FC

Triadic

#A565FC

#FCA565

#65FCA5

Split Complementary

#A565FC

#FCF065

#70FC65

Tetradic

#A565FC

#FC6570

#BCFC65

#65FCF0

Color Blindness Simulation

Original

#A565FC

Protanopia

#8989D8

Deuteranopia

#8D92CF

Tritanopia

#A2BBB4

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F6F1FE
100
#EBDFFC
200
#D6B9FE
300
#B987FD
400
#9346FB
500
#6D05FA
600
#5704C8
700
#4603A0
800
#36027D
900
#2A075A
950
#1B0439

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

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