#AF1CE3

#AF1CE3

Color Values

HEX

#AF1CE3

RGB

175, 28, 227

HSL

284.3, 78.0%, 50.0%

HSV

284.3, 87.7%, 89.0%

CMYK

22.9%, 87.7%, 0.0%, 11.0%

OKLCH

0.5734 0.2697 314.1

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#AF1CE3

#50E31C

Analogous

#4B1CE3

#E31CB4

#AF1CE3

Triadic

#AF1CE3

#E3AF1C

#1CE3AF

Split Complementary

#AF1CE3

#B4E31C

#1CE34B

Tetradic

#AF1CE3

#E34B1C

#50E31C

#1CB4E3

Color Blindness Simulation

Original

#AF1CE3

Protanopia

#6F6EB3

Deuteranopia

#7883A7

Tritanopia

#A88D84

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FAF2FC
100
#F3E1F9
200
#E9BFF7
300
#D992F2
400
#C457EA
500
#AF1CE3
600
#8C16B6
700
#701291
800
#570E71
900
#410E52
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