#8537C2

#8537C2

Color Values

HEX

#8537C2

RGB

133, 55, 194

HSL

273.7, 55.8%, 48.8%

HSV

273.7, 71.6%, 76.1%

CMYK

31.4%, 71.6%, 0.0%, 23.9%

OKLCH

0.5134 0.2067 305.9

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#8537C2

#74C237

Analogous

#4037C2

#C237B9

#8537C2

Triadic

#8537C2

#C28537

#37C285

Split Complementary

#8537C2

#B9C237

#37C240

Tetradic

#8537C2

#C24037

#74C237

#37B9C2

Color Blindness Simulation

Original

#8537C2

Protanopia

#6363A0

Deuteranopia

#686E98

Tritanopia

#818680

Achromatopsia

#525252

CSS Usage

background-color: #8537C2;
color: #8537C2;
border-color: #8537C2;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#EEE5F6
200
#DEC7EF
300
#C6A0E4
400
#A76CD5
500
#8838C7
600
#6D2D9F
700
#57247F
800
#441C63
900
#331849
950
#200F2E

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

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