#A49DF0

#A49DF0

Color Values

HEX

#A49DF0

RGB

164, 157, 240

HSL

245.1, 73.5%, 77.8%

HSV

245.1, 34.6%, 94.1%

CMYK

31.7%, 34.6%, 0.0%, 5.9%

OKLCH

0.7343 0.1188 286.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#A49DF0

#E9F09D

Analogous

#9DBFF0

#CD9DF0

#A49DF0

Triadic

#A49DF0

#F0A49D

#9DF0A4

Split Complementary

#A49DF0

#F0CD9D

#BFF09D

Tetradic

#A49DF0

#F09DBF

#E9F09D

#9DF0CD

Color Blindness Simulation

Original

#A49DF0

Protanopia

#A1A1DC

Deuteranopia

#A1A2D7

Tritanopia

#A4CCC9

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E2F8
200
#C6C1F6
300
#9C95EF
400
#675BE6
500
#3222DD
600
#281BB1
700
#20168E
800
#19116F
900
#161050
950
#0E0A33

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

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