#AF67FA

#AF67FA

Color Values

HEX

#AF67FA

RGB

175, 103, 250

HSL

269,4, 93,6%, 69,2%

HSV

269,4, 58,8%, 98,0%

CMYK

30,0%, 58,8%, 0,0%, 2,0%

OKLCH

0,6599 0,2134 303,7

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#AF67FA

#B2FA67

Analogous

#6768FA

#F967FA

#AF67FA

Triadic

#AF67FA

#FAAF67

#67FAAF

Split Complementary

#AF67FA

#FAF967

#68FA67

Tetradic

#AF67FA

#FA6768

#B2FA67

#67FAF9

Color Blindness Simulation

Original

#AF67FA

Protanopia

#908FD6

Deuteranopia

#9499CE

Tritanopia

#ABBAB4

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DBBAFD
300
#C189FB
400
#9F48F9
500
#7D08F7
600
#6407C5
700
#50059E
800
#3F047B
900
#300859
950
#1E0538

Contrast Checker

Text on white

3,42:1

AA Fail AAA Fail

Text on black

6,14:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

يناير 18, 2026