#AF54A1

#AF54A1

Color Values

HEX

#AF54A1

RGB

175, 84, 161

HSL

309.2, 36.3%, 50.8%

HSV

309.2, 52.0%, 68.6%

CMYK

0.0%, 52.0%, 8.0%, 31.4%

OKLCH

0.5844 0.1521 333.5

Properties

Warm Light Nearest: Vivid Violet

Color Harmonies

Complementary

#AF54A1

#54AF62

Analogous

#9054AF

#AF5474

#AF54A1

Triadic

#AF54A1

#A1AF54

#54A1AF

Split Complementary

#AF54A1

#74AF54

#54AF90

Tetradic

#AF54A1

#AF9054

#54AF62

#5474AF

Color Blindness Simulation

Original

#AF54A1

Protanopia

#88878E

Deuteranopia

#8D948A

Tritanopia

#AA807C

Achromatopsia

#6D6D6D

CSS Usage

background-color: #AF54A1;
color: #AF54A1;
border-color: #AF54A1;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5F9
100
#F3E8F1
200
#E8CEE4
300
#D8ACD1
400
#C37EB8
500
#AE51A0
600
#8B4180
700
#6F3466
800
#572950
900
#40213B
950
#291526

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

4.61:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026