#A69CFB

#A69CFB

Color Values

HEX

#A69CFB

RGB

166, 156, 251

HSL

246.3, 92.2%, 79.8%

HSV

246.3, 37.8%, 98.4%

CMYK

33.9%, 37.8%, 0.0%, 1.6%

OKLCH

0.7394 0.1353 287.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#A69CFB

#F1FB9C

Analogous

#9CC2FB

#D59CFB

#A69CFB

Triadic

#A69CFB

#FBA69C

#9CFBA6

Split Complementary

#A69CFB

#FBD59C

#C2FB9C

Tetradic

#A69CFB

#FB9CC2

#F1FB9C

#9CFBD5

Color Blindness Simulation

Original

#A69CFB

Protanopia

#A2A2E4

Deuteranopia

#A2A3DE

Tritanopia

#A6D2CE

Achromatopsia

#A5A5A5

CSS Usage

background-color: #A69CFB;
color: #A69CFB;
border-color: #A69CFB;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C1BAFC
300
#9589FA
400
#5C4AF8
500
#230AF5
600
#1C08C4
700
#16069D
800
#11057B
900
#110859
950
#0B0538

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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