#AF5DE5

#AF5DE5

Color Values

HEX

#AF5DE5

RGB

175, 93, 229

HSL

276.2, 72.3%, 63.1%

HSV

276.2, 59.4%, 89.8%

CMYK

23.6%, 59.4%, 0.0%, 10.2%

OKLCH

0.6332 0.2048 309.6

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#AF5DE5

#93E55D

Analogous

#6B5DE5

#E55DD7

#AF5DE5

Triadic

#AF5DE5

#E5AF5D

#5DE5AF

Split Complementary

#AF5DE5

#D7E55D

#5DE56B

Tetradic

#AF5DE5

#E56B5D

#93E55D

#5DD7E5

Color Blindness Simulation

Original

#AF5DE5

Protanopia

#8B8BC4

Deuteranopia

#9096BC

Tritanopia

#ABAAA4

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#E1C1F5
300
#CB96EE
400
#AF5CE5
500
#9323DC
600
#751CB0
700
#5E178D
800
#49126E
900
#371150
950
#230B33

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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