#A28BF8

#A28BF8

Color Values

HEX

#A28BF8

RGB

162, 139, 248

HSL

252,7, 88,6%, 75,9%

HSV

252,7, 44,0%, 97,3%

CMYK

34,7%, 44,0%, 0,0%, 2,7%

OKLCH

0,7036 0,1563 291,6

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A28BF8

#E1F88B

Analogous

#8BAAF8

#D98BF8

#A28BF8

Triadic

#A28BF8

#F8A28B

#8BF8A2

Split Complementary

#A28BF8

#F8D98B

#AAF88B

Tetradic

#A28BF8

#F88BAA

#E1F88B

#8BF8D9

Color Blindness Simulation

Original

#A28BF8

Protanopia

#9898DE

Deuteranopia

#999BD7

Tritanopia

#A1C9C4

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E5E0FB
200
#C9BCFB
300
#A38CF8
400
#704DF4
500
#3E0FF0
600
#320CC0
700
#28099A
800
#1F0778
900
#1A0A57
950
#110637

Contrast Checker

Text on white

2,77:1

AA Fail AAA Fail

Text on black

7,58: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