#A574AF

#A574AF

Color Values

HEX

#A574AF

RGB

165, 116, 175

HSL

289.8, 26.9%, 57.1%

HSV

289.8, 33.7%, 68.6%

CMYK

5.7%, 33.7%, 0.0%, 31.4%

OKLCH

0.6296 0.1023 320.6

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#A574AF

#7EAF74

Analogous

#8874AF

#AF749C

#A574AF

Triadic

#A574AF

#AFA574

#74AFA5

Split Complementary

#A574AF

#9CAF74

#74AF88

Tetradic

#A574AF

#AF8874

#7EAF74

#749CAF

Color Blindness Simulation

Original

#A574AF

Protanopia

#908FA1

Deuteranopia

#93969D

Tritanopia

#A39593

Achromatopsia

#838383

CSS Usage

background-color: #A574AF;
color: #A574AF;
border-color: #A574AF;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F9F6F9
100
#F0E9F1
200
#E2D2E5
300
#CDB1D2
400
#B187BA
500
#965DA2
600
#784B81
700
#603C68
800
#4B2F51
900
#38253C
950
#231726

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

5.72:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026