#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026