#A446FC

#A446FC

Color Values

HEX

#A446FC

RGB

164, 70, 252

HSL

271.0, 96.8%, 63.1%

HSV

271.0, 72.2%, 98.8%

CMYK

34.9%, 72.2%, 0.0%, 1.2%

OKLCH

0.6091 0.2542 303.0

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#A446FC

#9EFC46

Analogous

#4946FC

#FC46F9

#A446FC

Triadic

#A446FC

#FCA446

#46FCA4

Split Complementary

#A446FC

#F9FC46

#46FC49

Tetradic

#A446FC

#FC4946

#9EFC46

#46F9FC

Color Blindness Simulation

Original

#A446FC

Protanopia

#7B7AD0

Deuteranopia

#8188C5

Tritanopia

#9FADA6

Achromatopsia

#676767

CSS Usage

background-color: #A446FC;
color: #A446FC;
border-color: #A446FC;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F8F1FE
100
#EEDEFC
200
#DCB9FE
300
#C487FD
400
#A445FC
500
#8404FB
600
#6903C9
700
#5403A1
800
#42027D
900
#32065B
950
#1F0439

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

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