#AB48EE

#AB48EE

Color Values

HEX

#AB48EE

RGB

171, 72, 238

HSL

275.8, 83.0%, 60.8%

HSV

275.8, 69.7%, 93.3%

CMYK

28.2%, 69.7%, 0.0%, 6.7%

OKLCH

0.6093 0.24 308.1

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#AB48EE

#8BEE48

Analogous

#5848EE

#EE48DE

#AB48EE

Triadic

#AB48EE

#EEAB48

#48EEAB

Split Complementary

#AB48EE

#DEEE48

#48EE58

Tetradic

#AB48EE

#EE5848

#8BEE48

#48DEEE

Color Blindness Simulation

Original

#AB48EE

Protanopia

#807FC6

Deuteranopia

#868DBC

Tritanopia

#A6A69F

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#F0E1FA
200
#E1BEF9
300
#CC8FF5
400
#B052EF
500
#9416E9
600
#7611BB
700
#5F0E95
800
#4A0B75
900
#370C55
950
#230835

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

4.89:1

AA Pass AAA Fail

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