#AF6BEB

#AF6BEB

Color Values

HEX

#AF6BEB

RGB

175, 107, 235

HSL

271.9, 76.2%, 67.1%

HSV

271.9, 54.5%, 92.2%

CMYK

25.5%, 54.5%, 0.0%, 7.8%

OKLCH

0.6565 0.1908 306.4

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#AF6BEB

#A7EB6B

Analogous

#6F6BEB

#EB6BE7

#AF6BEB

Triadic

#AF6BEB

#EBAF6B

#6BEBAF

Split Complementary

#AF6BEB

#E7EB6B

#6BEB6F

Tetradic

#AF6BEB

#EB6F6B

#A7EB6B

#6BE7EB

Color Blindness Simulation

Original

#AF6BEB

Protanopia

#9291CC

Deuteranopia

#969BC5

Tritanopia

#ACB4AE

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EEE2F9
200
#DDC0F7
300
#C593F0
400
#A559E9
500
#861EE1
600
#6B18B4
700
#561390
800
#430F70
900
#330F52
950
#200A34

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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