#AF75FC

#AF75FC

Color Values

HEX

#AF75FC

RGB

175, 117, 252

HSL

265.8, 95.7%, 72.4%

HSV

265.8, 53.6%, 98.8%

CMYK

30.6%, 53.6%, 0.0%, 1.2%

OKLCH

0.6815 0.1956 301.2

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#AF75FC

#C2FC75

Analogous

#757FFC

#F375FC

#AF75FC

Triadic

#AF75FC

#FCAF75

#75FCAF

Split Complementary

#AF75FC

#FCF375

#7FFC75

Tetradic

#AF75FC

#FC757F

#C2FC75

#75FCF3

Color Blindness Simulation

Original

#AF75FC

Protanopia

#9695DB

Deuteranopia

#999ED3

Tritanopia

#ACC2BC

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F6F1FE
100
#EBDFFC
200
#D7B9FD
300
#BA87FC
400
#9446FB
500
#6E05FA
600
#5804C8
700
#4704A0
800
#37037D
900
#2B075A
950
#1B0439

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

6.77:1

AA Pass AAA Fail

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