#AF8AFA

#AF8AFA

Color Values

HEX

#AF8AFA

RGB

175, 138, 250

HSL

259.8, 91.8%, 76.1%

HSV

259.8, 44.8%, 98.0%

CMYK

30.0%, 44.8%, 0.0%, 2.0%

OKLCH

0.7143 0.1615 297.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AF8AFA

#D5FA8A

Analogous

#8A9DFA

#E78AFA

#AF8AFA

Triadic

#AF8AFA

#FAAF8A

#8AFAAF

Split Complementary

#AF8AFA

#FAE78A

#9DFA8A

Tetradic

#AF8AFA

#FA8A9D

#D5FA8A

#8AFAE7

Color Blindness Simulation

Original

#AF8AFA

Protanopia

#9F9FDF

Deuteranopia

#A1A4D8

Tritanopia

#ADC9C5

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F5F1FD
100
#E8DFFB
200
#D0BBFC
300
#AF8AFA
400
#834AF7
500
#580AF5
600
#4608C4
700
#38079D
800
#2C057A
900
#230858
950
#160538

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.84:1

AA Pass AAA Pass

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