#A974EB

#A974EB

Color Values

HEX

#A974EB

RGB

169, 116, 235

HSL

266.7, 74.8%, 68.8%

HSV

266.7, 50.6%, 92.2%

CMYK

28.1%, 50.6%, 0.0%, 7.8%

OKLCH

0.664 0.1756 302.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A974EB

#B6EB74

Analogous

#747AEB

#E474EB

#A974EB

Triadic

#A974EB

#EBA974

#74EBA9

Split Complementary

#A974EB

#EBE474

#7AEB74

Tetradic

#A974EB

#EB747A

#B6EB74

#74EBE4

Color Blindness Simulation

Original

#A974EB

Protanopia

#9292CE

Deuteranopia

#9599C7

Tritanopia

#A6B7B2

Achromatopsia

#888888

CSS Usage

background-color: #A974EB;
color: #A974EB;
border-color: #A974EB;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F2FC
100
#ECE2F8
200
#D8C1F6
300
#BD94F0
400
#995AE7
500
#7520DF
600
#5E1AB2
700
#4B158F
800
#3B106F
900
#2D1051
950
#1C0A33

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.38:1

AA Pass AAA Fail

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