#AF80E0

#AF80E0

Color Values

HEX

#AF80E0

RGB

175, 128, 224

HSL

269.4, 60.8%, 69.0%

HSV

269.4, 42.9%, 87.8%

CMYK

21.9%, 42.9%, 0.0%, 12.2%

OKLCH

0.6838 0.1445 305.5

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AF80E0

#B1E080

Analogous

#8081E0

#DF80E0

#AF80E0

Triadic

#AF80E0

#E0AF80

#80E0AF

Split Complementary

#AF80E0

#E0DF80

#81E080

Tetradic

#AF80E0

#E08081

#B1E080

#80E0DF

Color Blindness Simulation

Original

#AF80E0

Protanopia

#9B9AC9

Deuteranopia

#9DA1C3

Tritanopia

#ADB6B2

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DBC6F1
300
#C19DE7
400
#A067DA
500
#7E32CD
600
#6528A4
700
#512083
800
#3F1967
900
#30164B
950
#1E0E2F

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

6.99:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026