#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