#AF68F4

#AF68F4

Color Values

HEX

#AF68F4

RGB

175, 104, 244

HSL

270,4, 86,4%, 68,2%

HSV

270,4, 57,4%, 95,7%

CMYK

28,3%, 57,4%, 0,0%, 4,3%

OKLCH

0,6575 0,2053 304,8

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#AF68F4

#ADF468

Analogous

#6968F4

#F468F3

#AF68F4

Triadic

#AF68F4

#F4AF68

#68F4AF

Split Complementary

#AF68F4

#F3F468

#68F469

Tetradic

#AF68F4

#F46968

#ADF468

#68F3F4

Color Blindness Simulation

Original

#AF68F4

Protanopia

#9090D2

Deuteranopia

#949ACA

Tritanopia

#ABB7B2

Achromatopsia

#818181

CSS Usage

background-color: #AF68F4;
color: #AF68F4;
border-color: #AF68F4;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DCBCFA
300
#C38DF7
400
#A24FF2
500
#8111EE
600
#670EBE
700
#530B98
800
#400977
900
#310B56
950
#1F0736

Contrast Checker

Text on white

3,44:1

AA Fail AAA Fail

Text on black

6,11:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026