#A499FD

#A499FD

Color Values

HEX

#A499FD

RGB

164, 153, 253

HSL

246.6, 96.2%, 79.6%

HSV

246.6, 39.5%, 99.2%

CMYK

35.2%, 39.5%, 0.0%, 0.8%

OKLCH

0.7332 0.1425 287.4

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#A499FD

#F2FD99

Analogous

#99C0FD

#D699FD

#A499FD

Triadic

#A499FD

#FDA499

#99FDA4

Split Complementary

#A499FD

#FDD699

#C0FD99

Tetradic

#A499FD

#FD99C0

#F2FD99

#99FDD6

Color Blindness Simulation

Original

#A499FD

Protanopia

#9F9FE5

Deuteranopia

#A0A1DF

Tritanopia

#A3D2CE

Achromatopsia

#A3A3A3

CSS Usage

background-color: #A499FD;
color: #A499FD;
border-color: #A499FD;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F2F1FE
100
#E2DFFC
200
#C1B9FE
300
#9487FD
400
#5A46FB
500
#2005FA
600
#1904C8
700
#1403A0
800
#10027D
900
#10075A
950
#0A0439

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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