#AF64FF

#AF64FF

Color Values

HEX

#AF64FF

RGB

175, 100, 255

HSL

269,0, 100,0%, 69,6%

HSV

269,0, 60,8%, 100,0%

CMYK

31,4%, 60,8%, 0,0%, 0,0%

OKLCH

0,659 0,223 303,0

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#AF64FF

#B4FF64

Analogous

#6467FF

#FC64FF

#AF64FF

Triadic

#AF64FF

#FFAF64

#64FFAF

Split Complementary

#AF64FF

#FFFC64

#67FF64

Tetradic

#AF64FF

#FF6467

#B4FF64

#64FFFC

Color Blindness Simulation

Original

#AF64FF

Protanopia

#8F8EDA

Deuteranopia

#9398D0

Tritanopia

#ABBCB5

Achromatopsia

#7F7F7F

CSS Usage

background-color: #AF64FF;
color: #AF64FF;
border-color: #AF64FF;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F7F1FE
100
#EDDEFC
200
#DAB8FF
300
#C085FF
400
#9E42FF
500
#7B00FF
600
#6300CC
700
#4F00A3
800
#3E0080
900
#2F055C
950
#1E033A

Contrast Checker

Text on white

3,45:1

AA Fail AAA Fail

Text on black

6,09:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026