#AF7EC4

#AF7EC4

Color Values

HEX

#AF7EC4

RGB

175, 126, 196

HSL

282,0, 37,2%, 63,1%

HSV

282,0, 35,7%, 76,9%

CMYK

10,7%, 35,7%, 0,0%, 23,1%

OKLCH

0,667 0,1139 315,4

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#AF7EC4

#93C47E

Analogous

#8C7EC4

#C47EB6

#AF7EC4

Triadic

#AF7EC4

#C4AF7E

#7EC4AF

Split Complementary

#AF7EC4

#B6C47E

#7EC48C

Tetradic

#AF7EC4

#C48C7E

#93C47E

#7EB6C4

Color Blindness Simulation

Original

#AF7EC4

Protanopia

#9A99B3

Deuteranopia

#9DA0AF

Tritanopia

#ADA6A3

Achromatopsia

#8D8D8D

CSS Usage

background-color: #AF7EC4;
color: #AF7EC4;
border-color: #AF7EC4;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#E1CEE9
300
#CBABD9
400
#AF7EC4
500
#9250AF
600
#75408C
700
#5E3370
800
#492857
900
#372041
950
#231429

Contrast Checker

Text on white

3,18:1

AA Fail AAA Fail

Text on black

6,6: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