#A69CF1

#A69CF1

Color Values

HEX

#A69CF1

RGB

166, 156, 241

HSL

247.1, 75.2%, 77.8%

HSV

247.1, 35.3%, 94.5%

CMYK

31.1%, 35.3%, 0.0%, 5.5%

OKLCH

0.7345 0.1216 288.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#A69CF1

#E7F19C

Analogous

#9CBCF1

#D09CF1

#A69CF1

Triadic

#A69CF1

#F1A69C

#9CF1A6

Split Complementary

#A69CF1

#F1D09C

#BCF19C

Tetradic

#A69CF1

#F19CBC

#E7F19C

#9CF1D0

Color Blindness Simulation

Original

#A69CF1

Protanopia

#A2A2DC

Deuteranopia

#A2A3D8

Tritanopia

#A6CCC9

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F4F2FC
100
#E4E2F9
200
#C7C0F6
300
#9F94F0
400
#6A5AE8
500
#3620DF
600
#2B19B3
700
#23148F
800
#1B1070
900
#171051
950
#0F0A33

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

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