#7326B2

#7326B2

Color Values

HEX

#7326B2

RGB

115, 38, 178

HSL

273.0, 64.8%, 42.4%

HSV

273.0, 78.7%, 69.8%

CMYK

35.4%, 78.7%, 0.0%, 30.2%

OKLCH

0.4613 0.205 304.1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7326B2

#65B226

Analogous

#2D26B2

#B226AB

#7326B2

Triadic

#7326B2

#B27326

#26B273

Split Complementary

#7326B2

#ABB226

#26B22D

Tetradic

#7326B2

#B22D26

#65B226

#26ABB2

Color Blindness Simulation

Original

#7326B2

Protanopia

#525190

Deuteranopia

#565C88

Tritanopia

#6F7570

Achromatopsia

#404040

CSS Usage

background-color: #7326B2;
color: #7326B2;
border-color: #7326B2;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DEC4F2
300
#C69AE9
400
#A764DE
500
#882DD2
600
#6D24A8
700
#571D86
800
#441669
900
#33144D
950
#200D30

Contrast Checker

Text on white

7.93:1

AA Pass AAA Pass

Text on black

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