#AF71D4

#AF71D4

Color Values

HEX

#AF71D4

RGB

175, 113, 212

HSL

277,6, 53,5%, 63,7%

HSV

277,6, 46,7%, 83,1%

CMYK

17,5%, 46,7%, 0,0%, 16,9%

OKLCH

0,653 0,155 311,7

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#AF71D4

#96D471

Analogous

#7D71D4

#D471C7

#AF71D4

Triadic

#AF71D4

#D4AF71

#71D4AF

Split Complementary

#AF71D4

#C7D471

#71D47D

Tetradic

#AF71D4

#D47D71

#96D471

#71C7D4

Color Blindness Simulation

Original

#AF71D4

Protanopia

#9494BC

Deuteranopia

#989CB6

Tritanopia

#ACA9A5

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EFE5F5
200
#E0C8EE
300
#CAA1E3
400
#AD6ED3
500
#913BC4
600
#742F9D
700
#5D267D
800
#481E62
900
#361948
950
#22102D

Contrast Checker

Text on white

3,42:1

AA Fail AAA Fail

Text on black

6,14:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Фев 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026