#A45CFC

#A45CFC

Color Values

HEX

#A45CFC

RGB

164, 92, 252

HSL

267.0, 96.4%, 67.5%

HSV

267.0, 63.5%, 98.8%

CMYK

34.9%, 63.5%, 0.0%, 1.2%

OKLCH

0.6348 0.2282 300.7

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#A45CFC

#B4FC5C

Analogous

#5C64FC

#F45CFC

#A45CFC

Triadic

#A45CFC

#FCA45C

#5CFCA4

Split Complementary

#A45CFC

#FCF45C

#64FC5C

Tetradic

#A45CFC

#FC5C64

#B4FC5C

#5CFCF4

Color Blindness Simulation

Original

#A45CFC

Protanopia

#8584D5

Deuteranopia

#898ECC

Tritanopia

#A0B7B0

Achromatopsia

#777777

CSS Usage

background-color: #A45CFC;
color: #A45CFC;
border-color: #A45CFC;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F7F1FE
100
#ECDFFC
200
#D8B9FE
300
#BC87FD
400
#9846FC
500
#7305FA
600
#5C04C8
700
#4A03A0
800
#3A027D
900
#2C065A
950
#1C0439

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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