#AF5BE6

#AF5BE6

Color Values

HEX

#AF5BE6

RGB

175, 91, 230

HSL

276.3, 73.5%, 62.9%

HSV

276.3, 60.4%, 90.2%

CMYK

23.9%, 60.4%, 0.0%, 9.8%

OKLCH

0.6312 0.2086 309.5

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#AF5BE6

#92E65B

Analogous

#695BE6

#E65BD7

#AF5BE6

Triadic

#AF5BE6

#E6AF5B

#5BE6AF

Split Complementary

#AF5BE6

#D7E65B

#5BE669

Tetradic

#AF5BE6

#E6695B

#92E65B

#5BD7E6

Color Blindness Simulation

Original

#AF5BE6

Protanopia

#8B8AC4

Deuteranopia

#9096BC

Tritanopia

#ABAAA4

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#E1C1F6
300
#CB95EF
400
#AF5BE6
500
#9322DD
600
#761BB1
700
#5E168E
800
#4A116F
900
#371050
950
#230A33

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

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