#A69CF2

#A69CF2

Color Values

HEX

#A69CF2

RGB

166, 156, 242

HSL

247.0, 76.8%, 78.0%

HSV

247.0, 35.5%, 94.9%

CMYK

31.4%, 35.5%, 0.0%, 5.1%

OKLCH

0.7349 0.123 288.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#A69CF2

#E8F29C

Analogous

#9CBDF2

#D19CF2

#A69CF2

Triadic

#A69CF2

#F2A69C

#9CF2A6

Split Complementary

#A69CF2

#F2D19C

#BDF29C

Tetradic

#A69CF2

#F29CBD

#E8F29C

#9CF2D1

Color Blindness Simulation

Original

#A69CF2

Protanopia

#A2A2DD

Deuteranopia

#A2A3D8

Tritanopia

#A6CDC9

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F4F2FC
100
#E4E1F9
200
#C6C0F7
300
#9E93F1
400
#6958E9
500
#341EE1
600
#2A18B4
700
#221390
800
#1A0F71
900
#170F52
950
#0E0934

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

8.66:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026