#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026