#AF6DEB

#AF6DEB

Color Values

HEX

#AF6DEB

RGB

175, 109, 235

HSL

271.4, 75.9%, 67.5%

HSV

271.4, 53.6%, 92.2%

CMYK

25.5%, 53.6%, 0.0%, 7.8%

OKLCH

0.6594 0.1877 306.1

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#AF6DEB

#A9EB6D

Analogous

#706DEB

#EB6DE8

#AF6DEB

Triadic

#AF6DEB

#EBAF6D

#6DEBAF

Split Complementary

#AF6DEB

#E8EB6D

#6DEB70

Tetradic

#AF6DEB

#EB706D

#A9EB6D

#6DE8EB

Color Blindness Simulation

Original

#AF6DEB

Protanopia

#9292CD

Deuteranopia

#969BC5

Tritanopia

#ACB4AF

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EEE2F9
200
#DDC0F6
300
#C493F0
400
#A459E8
500
#841FE0
600
#6A19B3
700
#541490
800
#420F70
900
#320F52
950
#200A34

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

6.21: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