#AF6FF3

#AF6FF3

Color Values

HEX

#AF6FF3

RGB

175, 111, 243

HSL

269.1, 84.6%, 69.4%

HSV

269.1, 54.3%, 95.3%

CMYK

28.0%, 54.3%, 0.0%, 4.7%

OKLCH

0.6671 0.1939 304.0

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#AF6FF3

#B3F36F

Analogous

#6F71F3

#F16FF3

#AF6FF3

Triadic

#AF6FF3

#F3AF6F

#6FF3AF

Split Complementary

#AF6FF3

#F3F16F

#71F36F

Tetradic

#AF6FF3

#F36F71

#B3F36F

#6FF3F1

Color Blindness Simulation

Original

#AF6FF3

Protanopia

#9393D3

Deuteranopia

#979CCB

Tritanopia

#ACBAB4

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DABDFA
300
#C08EF6
400
#9E51F0
500
#7C14EB
600
#6310BC
700
#500D97
800
#3E0A76
900
#2F0C55
950
#1E0736

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.39:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026