#A369DC

#A369DC

Color Values

HEX

#A369DC

RGB

163, 105, 220

HSL

270.3, 62.2%, 63.7%

HSV

270.3, 52.3%, 86.3%

CMYK

25.9%, 52.3%, 0.0%, 13.7%

OKLCH

0.632 0.1732 305.3

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A369DC

#A2DC69

Analogous

#6969DC

#DC69DB

#A369DC

Triadic

#A369DC

#DCA369

#69DCA3

Split Complementary

#A369DC

#DBDC69

#69DC69

Tetradic

#A369DC

#DC6969

#A2DC69

#69DBDC

Color Blindness Simulation

Original

#A369DC

Protanopia

#8A89C0

Deuteranopia

#8D92BA

Tritanopia

#A0AAA5

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#EDE4F7
200
#DCC5F2
300
#C29CE8
400
#A166DB
500
#8030CF
600
#6727A5
700
#521F84
800
#401867
900
#31154C
950
#1F0D30

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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