#AF4CF6

#AF4CF6

Color Values

HEX

#AF4CF6

RGB

175, 76, 246

HSL

274.9, 90.4%, 63.1%

HSV

274.9, 69.1%, 96.5%

CMYK

28.9%, 69.1%, 0.0%, 3.5%

OKLCH

0.6238 0.2441 307.3

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#AF4CF6

#93F64C

Analogous

#5A4CF6

#F64CE8

#AF4CF6

Triadic

#AF4CF6

#F6AF4C

#4CF6AF

Split Complementary

#AF4CF6

#E8F64C

#4CF65A

Tetradic

#AF4CF6

#F65A4C

#93F64C

#4CE8F6

Color Blindness Simulation

Original

#AF4CF6

Protanopia

#8483CD

Deuteranopia

#8A91C3

Tritanopia

#AAACA5

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F1FD
100
#EFDFFB
200
#E1BBFC
300
#CB8AF9
400
#AF4BF6
500
#920CF3
600
#750AC2
700
#5E089B
800
#490679
900
#370958
950
#230637

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

5.19:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026