#8525CE

#8525CE

Color Values

HEX

#8525CE

RGB

133, 37, 206

HSL

274.1, 69.5%, 47.6%

HSV

274.1, 82.0%, 80.8%

CMYK

35.4%, 82.0%, 0.0%, 19.2%

OKLCH

0.5064 0.2359 304.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#8525CE

#6ECE25

Analogous

#3125CE

#CE25C2

#8525CE

Triadic

#8525CE

#CE8525

#25CE85

Split Complementary

#8525CE

#C2CE25

#25CE31

Tetradic

#8525CE

#CE3125

#6ECE25

#25C2CE

Color Blindness Simulation

Original

#8525CE

Protanopia

#5B5BA5

Deuteranopia

#61689B

Tritanopia

#80857E

Achromatopsia

#464646

CSS Usage

background-color: #8525CE;
color: #8525CE;
border-color: #8525CE;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F3FC
100
#EFE3F8
200
#DFC2F4
300
#C897EC
400
#AA5FE2
500
#8C27D8
600
#701FAD
700
#59198A
800
#46136C
900
#35124F
950
#210B32

Contrast Checker

Text on white

6.66:1

AA Pass AAA Fail

Text on black

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