#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

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