#A56FEC

#A56FEC

Color Values

HEX

#A56FEC

RGB

165, 111, 236

HSL

265.9, 76.7%, 68.0%

HSV

265.9, 53.0%, 92.5%

CMYK

30.1%, 53.0%, 0.0%, 7.5%

OKLCH

0.6528 0.1835 301.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A56FEC

#B6EC6F

Analogous

#6F77EC

#E36FEC

#A56FEC

Triadic

#A56FEC

#ECA56F

#6FECA5

Split Complementary

#A56FEC

#ECE36F

#77EC6F

Tetradic

#A56FEC

#EC6F77

#B6EC6F

#6FECE3

Color Blindness Simulation

Original

#A56FEC

Protanopia

#8E8DCE

Deuteranopia

#9195C6

Tritanopia

#A2B6B1

Achromatopsia

#848484

CSS Usage

background-color: #A56FEC;
color: #A56FEC;
border-color: #A56FEC;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F2FC
100
#ECE2F9
200
#D8C0F7
300
#BB93F1
400
#9758E9
500
#721EE1
600
#5B18B4
700
#491390
800
#390F71
900
#2C0F52
950
#1C0934

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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