#A457EB

#A457EB

Color Values

HEX

#A457EB

RGB

164, 87, 235

HSL

271.2, 78.7%, 63.1%

HSV

271.2, 63.0%, 92.2%

CMYK

30.2%, 63.0%, 0.0%, 7.8%

OKLCH

0.6168 0.2164 304.8

Properties

Cool Light Nearest: darkorchid

Color Harmonies

Complementary

#A457EB

#9EEB57

Analogous

#5A57EB

#EB57E8

#A457EB

Triadic

#A457EB

#EBA457

#57EBA4

Split Complementary

#A457EB

#E8EB57

#57EB5A

Tetradic

#A457EB

#EB5A57

#9EEB57

#57E8EB

Color Blindness Simulation

Original

#A457EB

Protanopia

#8382C7

Deuteranopia

#878DBF

Tritanopia

#A0ABA5

Achromatopsia

#727272

CSS Usage

background-color: #A457EB;
color: #A457EB;
border-color: #A457EB;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DCBFF7
300
#C492F2
400
#A456EB
500
#841BE4
600
#6916B6
700
#541192
800
#420E72
900
#320E53
950
#1F0934

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

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