#A669FC

#A669FC

Color Values

HEX

#A669FC

RGB

166, 105, 252

HSL

264.9, 96.1%, 70.0%

HSV

264.9, 58.3%, 98.8%

CMYK

34.1%, 58.3%, 0.0%, 1.2%

OKLCH

0.6547 0.2111 299.7

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#A669FC

#BFFC69

Analogous

#6975FC

#F069FC

#A669FC

Triadic

#A669FC

#FCA669

#69FCA6

Split Complementary

#A669FC

#FCF069

#75FC69

Tetradic

#A669FC

#FC6975

#BFFC69

#69FCF0

Color Blindness Simulation

Original

#A669FC

Protanopia

#8C8BD8

Deuteranopia

#8F94D0

Tritanopia

#A3BCB6

Achromatopsia

#818181

CSS Usage

background-color: #A669FC;
color: #A669FC;
border-color: #A669FC;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F6F1FE
100
#EBDFFC
200
#D5B9FE
300
#B887FD
400
#9146FB
500
#6B05FA
600
#5504C8
700
#4403A0
800
#35027D
900
#29075A
950
#1A0439

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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