#732EAF

#732EAF

Color Values

HEX

#732EAF

RGB

115, 46, 175

HSL

272.1, 58.4%, 43.3%

HSV

272.1, 73.7%, 68.6%

CMYK

34.3%, 73.7%, 0.0%, 31.4%

OKLCH

0.4669 0.1935 304.1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#732EAF

#6AAF2E

Analogous

#322EAF

#AF2EAA

#732EAF

Triadic

#732EAF

#AF732E

#2EAF73

Split Complementary

#732EAF

#AAAF2E

#2EAF32

Tetradic

#732EAF

#AF322E

#6AAF2E

#2EAAAF

Color Blindness Simulation

Original

#732EAF

Protanopia

#555590

Deuteranopia

#595E88

Tritanopia

#707772

Achromatopsia

#464646

CSS Usage

background-color: #732EAF;
color: #732EAF;
border-color: #732EAF;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#EEE4F6
200
#DDC6F0
300
#C49EE6
400
#A56AD8
500
#8535CA
600
#6A2AA2
700
#552281
800
#421B65
900
#32174A
950
#200F2F

Contrast Checker

Text on white

7.67:1

AA Pass AAA Pass

Text on black

2.74: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