#AF86FD

#AF86FD

Color Values

HEX

#AF86FD

RGB

175, 134, 253

HSL

260,7, 96,7%, 75,9%

HSV

260,7, 47,0%, 99,2%

CMYK

30,8%, 47,0%, 0,0%, 0,8%

OKLCH

0,7092 0,1713 297,8

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#AF86FD

#D4FD86

Analogous

#8699FD

#EB86FD

#AF86FD

Triadic

#AF86FD

#FDAF86

#86FDAF

Split Complementary

#AF86FD

#FDEB86

#99FD86

Tetradic

#AF86FD

#FD8699

#D4FD86

#86FDEB

Color Blindness Simulation

Original

#AF86FD

Protanopia

#9D9DE0

Deuteranopia

#A0A3D9

Tritanopia

#ADC9C4

Achromatopsia

#979797

CSS Usage

background-color: #AF86FD;
color: #AF86FD;
border-color: #AF86FD;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F5F1FE
100
#E9DEFC
200
#D1B9FE
300
#AF87FD
400
#8445FC
500
#5904FB
600
#4703C9
700
#3903A1
800
#2D027D
900
#23065B
950
#160439

Contrast Checker

Text on white

2,74:1

AA Fail AAA Fail

Text on black

7,65:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026