#A23574

#A23574

Color Values

HEX

#A23574

RGB

162, 53, 116

HSL

325.3, 50.7%, 42.2%

HSV

325.3, 67.3%, 63.5%

CMYK

0.0%, 67.3%, 28.4%, 36.5%

OKLCH

0.507 0.1578 348.5

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#A23574

#35A263

Analogous

#9A35A2

#A2353E

#A23574

Triadic

#A23574

#74A235

#3574A2

Split Complementary

#A23574

#3EA235

#35A29A

Tetradic

#A23574

#A29A35

#35A263

#353EA2

Color Blindness Simulation

Original

#A23574

Protanopia

#737265

Deuteranopia

#798161

Tritanopia

#9D5956

Achromatopsia

#515151

CSS Usage

background-color: #A23574;
color: #A23574;
border-color: #A23574;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF4F8
100
#F5E5EE
200
#EDC9DE
300
#E1A3C7
400
#D071A8
500
#C03F8A
600
#9A326E
700
#7B2858
800
#601F45
900
#471A34
950
#2D1121

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

3.3:1

AA Fail 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