#AF68EB

#AF68EB

Color Values

HEX

#AF68EB

RGB

175, 104, 235

HSL

272,5, 76,6%, 66,5%

HSV

272,5, 55,7%, 92,2%

CMYK

25,5%, 55,7%, 0,0%, 7,8%

OKLCH

0,6521 0,1952 306,8

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#AF68EB

#A4EB68

Analogous

#6E68EB

#EB68E6

#AF68EB

Triadic

#AF68EB

#EBAF68

#68EBAF

Split Complementary

#AF68EB

#E6EB68

#68EB6E

Tetradic

#AF68EB

#EB6E68

#A4EB68

#68E6EB

Color Blindness Simulation

Original

#AF68EB

Protanopia

#9090CB

Deuteranopia

#949AC4

Tritanopia

#ABB2AD

Achromatopsia

#818181

CSS Usage

background-color: #AF68EB;
color: #AF68EB;
border-color: #AF68EB;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F2FC
100
#EEE2F9
200
#DEC0F7
300
#C693F1
400
#A758E9
500
#881EE1
600
#6D18B4
700
#571390
800
#440F71
900
#330F52
950
#200A34

Contrast Checker

Text on white

3,5:1

AA Fail AAA Fail

Text on black

6,0:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026