#AF93F0

#AF93F0

Color Values

HEX

#AF93F0

RGB

175, 147, 240

HSL

258,1, 75,6%, 75,9%

HSV

258,1, 38,8%, 94,1%

CMYK

27,1%, 38,8%, 0,0%, 5,9%

OKLCH

0,725 0,1345 296,8

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AF93F0

#D4F093

Analogous

#93A6F0

#DE93F0

#AF93F0

Triadic

#AF93F0

#F0AF93

#93F0AF

Split Complementary

#AF93F0

#F0DE93

#A6F093

Tetradic

#AF93F0

#F093A6

#D4F093

#93F0DE

Color Blindness Simulation

Original

#AF93F0

Protanopia

#A3A3DA

Deuteranopia

#A4A7D4

Tritanopia

#AEC8C4

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F5F2FC
100
#E9E2F9
200
#D1C0F6
300
#AF94F0
400
#8459E8
500
#591FE0
600
#4719B3
700
#39148F
800
#2D1070
900
#230F51
950
#160A33

Contrast Checker

Text on white

2,54:1

AA Fail AAA Fail

Text on black

8,25:1

AA Pass AAA Pass

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