#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

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026