#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