#A69FF2

#A69FF2

Color Values

HEX

#A69FF2

RGB

166, 159, 242

HSL

245.1, 76.1%, 78.6%

HSV

245.1, 34.3%, 94.9%

CMYK

31.4%, 34.3%, 0.0%, 5.1%

OKLCH

0.7406 0.1186 287.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#A69FF2

#EBF29F

Analogous

#9FC1F2

#CF9FF2

#A69FF2

Triadic

#A69FF2

#F2A69F

#9FF2A6

Split Complementary

#A69FF2

#F2CF9F

#C1F29F

Tetradic

#A69FF2

#F29FC1

#EBF29F

#9FF2CF

Color Blindness Simulation

Original

#A69FF2

Protanopia

#A3A3DE

Deuteranopia

#A3A4D9

Tritanopia

#A6CECB

Achromatopsia

#A6A6A6

CSS Usage

background-color: #A69FF2;
color: #A69FF2;
border-color: #A69FF2;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F3F2FC
100
#E4E2F9
200
#C5C0F6
300
#9B93F0
400
#6559E8
500
#2F1EE1
600
#2618B4
700
#1E1490
800
#170F70
900
#150F52
950
#0D0A34

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

8.86:1

AA Pass AAA Pass

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