#A864D3

#A864D3

Color Values

HEX

#A864D3

RGB

168, 100, 211

HSL

276.8, 55.8%, 61.0%

HSV

276.8, 52.6%, 82.7%

CMYK

20.4%, 52.6%, 0.0%, 17.3%

OKLCH

0.6247 0.1722 310.6

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#A864D3

#8FD364

Analogous

#7164D3

#D364C6

#A864D3

Triadic

#A864D3

#D3A864

#64D3A8

Split Complementary

#A864D3

#C6D364

#64D371

Tetradic

#A864D3

#D37164

#8FD364

#64C6D3

Color Blindness Simulation

Original

#A864D3

Protanopia

#8B8AB8

Deuteranopia

#8E94B2

Tritanopia

#A5A39E

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EFE5F6
200
#E0C7EF
300
#CAA0E4
400
#AD6CD5
500
#9038C7
600
#732D9F
700
#5C247F
800
#481C63
900
#361849
950
#220F2E

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

5.43:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026