#AF71DC

#AF71DC

Color Values

HEX

#AF71DC

RGB

175, 113, 220

HSL

274,8, 60,5%, 65,3%

HSV

274,8, 48,6%, 86,3%

CMYK

20,5%, 48,6%, 0,0%, 13,7%

OKLCH

0,6572 0,1642 309,3

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AF71DC

#9EDC71

Analogous

#7A71DC

#DC71D3

#AF71DC

Triadic

#AF71DC

#DCAF71

#71DCAF

Split Complementary

#AF71DC

#D3DC71

#71DC7A

Tetradic

#AF71DC

#DC7A71

#9EDC71

#71D3DC

Color Blindness Simulation

Original

#AF71DC

Protanopia

#9494C2

Deuteranopia

#989CBC

Tritanopia

#ACAEA9

Achromatopsia

#868686

CSS Usage

background-color: #AF71DC;
color: #AF71DC;
border-color: #AF71DC;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F3FB
100
#EFE4F6
200
#DFC6F1
300
#C89DE7
400
#AA68DA
500
#8C32CD
600
#7028A4
700
#592083
800
#461966
900
#35164B
950
#210E2F

Contrast Checker

Text on white

3,38:1

AA Fail AAA Fail

Text on black

6,22:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Янв 18, 2026