#AF85FF

#AF85FF

Color Values

HEX

#AF85FF

RGB

175, 133, 255

HSL

260.7, 100.0%, 76.1%

HSV

260.7, 47.8%, 100.0%

CMYK

31.4%, 47.8%, 0.0%, 0.0%

OKLCH

0.7087 0.1754 297.6

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#AF85FF

#D5FF85

Analogous

#8598FF

#EC85FF

#AF85FF

Triadic

#AF85FF

#FFAF85

#85FFAF

Split Complementary

#AF85FF

#FFEC85

#98FF85

Tetradic

#AF85FF

#FF8598

#D5FF85

#85FFEC

Color Blindness Simulation

Original

#AF85FF

Protanopia

#9D9CE2

Deuteranopia

#9FA2DA

Tritanopia

#ADCAC5

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F5F1FE
100
#E8DEFC
200
#D0B8FF
300
#AF85FF
400
#8342FF
500
#5800FF
600
#4600CC
700
#3800A3
800
#2C0080
900
#23055C
950
#16033A

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

7.62:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026