#AC51AF

#AC51AF

Color Values

HEX

#AC51AF

RGB

172, 81, 175

HSL

298.1, 37.0%, 50.2%

HSV

298.1, 53.7%, 68.6%

CMYK

1.7%, 53.7%, 0.0%, 31.4%

OKLCH

0.5831 0.1674 326.2

Properties

Cool Dark Nearest: orchid 3

Color Harmonies

Complementary

#AC51AF

#54AF51

Analogous

#7D51AF

#AF5183

#AC51AF

Triadic

#AC51AF

#AFAC51

#51AFAC

Split Complementary

#AC51AF

#83AF51

#51AF7D

Tetradic

#AC51AF

#AF7D51

#54AF51

#5183AF

Color Blindness Simulation

Original

#AC51AF

Protanopia

#858498

Deuteranopia

#8A9193

Tritanopia

#A78682

Achromatopsia

#6B6B6B

CSS Usage

background-color: #AC51AF;
color: #AC51AF;
border-color: #AC51AF;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF5FA
100
#F2E8F3
200
#E8CEE9
300
#D7ABD8
400
#C17EC4
500
#AC50AF
600
#89408C
700
#6E3370
800
#562857
900
#402041
950
#281429

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.55:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026