#A865DA

#A865DA

Color Values

HEX

#A865DA

RGB

168, 101, 218

HSL

274.4, 61.3%, 62.5%

HSV

274.4, 53.7%, 85.5%

CMYK

22.9%, 53.7%, 0.0%, 14.5%

OKLCH

0.6301 0.1786 308.6

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A865DA

#97DA65

Analogous

#6D65DA

#DA65D1

#A865DA

Triadic

#A865DA

#DAA865

#65DAA8

Split Complementary

#A865DA

#D1DA65

#65DA6D

Tetradic

#A865DA

#DA6D65

#97DA65

#65D1DA

Color Blindness Simulation

Original

#A865DA

Protanopia

#8B8ABE

Deuteranopia

#8F94B7

Tritanopia

#A5A7A2

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EFE4F6
200
#DFC5F1
300
#C79CE7
400
#A967DA
500
#8B31CE
600
#6F27A5
700
#592084
800
#451967
900
#34164B
950
#210E2F

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.54:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026