#AF1BE4

#AF1BE4

Color Values

HEX

#AF1BE4

RGB

175, 27, 228

HSL

284.2, 78.8%, 50.0%

HSV

284.2, 88.2%, 89.4%

CMYK

23.2%, 88.2%, 0.0%, 10.6%

OKLCH

0.5737 0.271 313.9

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#AF1BE4

#50E41B

Analogous

#4B1BE4

#E41BB4

#AF1BE4

Triadic

#AF1BE4

#E4AF1B

#1BE4AF

Split Complementary

#AF1BE4

#B4E41B

#1BE44B

Tetradic

#AF1BE4

#E44B1B

#50E41B

#1BB4E4

Color Blindness Simulation

Original

#AF1BE4

Protanopia

#6F6EB3

Deuteranopia

#7883A8

Tritanopia

#A88D85

Achromatopsia

#494949

CSS Usage

background-color: #AF1BE4;
color: #AF1BE4;
border-color: #AF1BE4;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#FAF2FC
100
#F3E1F9
200
#E9BFF7
300
#D992F2
400
#C456EB
500
#AF1BE4
600
#8C16B6
700
#701192
800
#580E72
900
#410E53
950
#290934

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

4.1:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026