#AF4DEC

#AF4DEC

Color Values

HEX

#AF4DEC

RGB

175, 77, 236

HSL

277.0, 80.7%, 61.4%

HSV

277.0, 67.4%, 92.5%

CMYK

25.8%, 67.4%, 0.0%, 7.5%

OKLCH

0.6181 0.2332 309.5

Properties

Cool Light Nearest: darkorchid 3

Color Harmonies

Complementary

#AF4DEC

#8AEC4D

Analogous

#604DEC

#EC4DD9

#AF4DEC

Triadic

#AF4DEC

#ECAF4D

#4DECAF

Split Complementary

#AF4DEC

#D9EC4D

#4DEC60

Tetradic

#AF4DEC

#EC604D

#8AEC4D

#4DD9EC

Color Blindness Simulation

Original

#AF4DEC

Protanopia

#8584C6

Deuteranopia

#8A92BC

Tritanopia

#AAA7A0

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F0E1F9
200
#E2BEF8
300
#CD90F3
400
#B255ED
500
#9819E6
600
#7914B8
700
#611093
800
#4C0C73
900
#390D54
950
#240835

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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