#7032AE

#7032AE

Color Values

HEX

#7032AE

RGB

112, 50, 174

HSL

270.0, 55.4%, 43.9%

HSV

270.0, 71.3%, 68.2%

CMYK

35.6%, 71.3%, 0.0%, 31.8%

OKLCH

0.467 0.1871 302.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7032AE

#70AE32

Analogous

#3232AE

#AE32AE

#7032AE

Triadic

#7032AE

#AE7032

#32AE70

Split Complementary

#7032AE

#AEAE32

#32AE32

Tetradic

#7032AE

#AE3232

#70AE32

#32AEAE

Color Blindness Simulation

Original

#7032AE

Protanopia

#555590

Deuteranopia

#595D89

Tritanopia

#6D7873

Achromatopsia

#484848

CSS Usage

background-color: #7032AE;
color: #7032AE;
border-color: #7032AE;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#EDE5F6
200
#DBC8EF
300
#C2A0E4
400
#A16CD5
500
#8039C6
600
#662D9F
700
#52247F
800
#401C63
900
#301849
950
#1F0F2E

Contrast Checker

Text on white

7.62:1

AA Pass AAA Pass

Text on black

2.76:1

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