#525097

#525097

Color Values

HEX

#525097

RGB

82, 80, 151

HSL

241.7, 30.7%, 45.3%

HSV

241.7, 47.0%, 59.2%

CMYK

45.7%, 47.0%, 0.0%, 40.8%

OKLCH

0.4684 0.1126 282.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#525097

#959750

Analogous

#507297

#765097

#525097

Triadic

#525097

#975250

#509752

Split Complementary

#525097

#977650

#729750

Tetradic

#525097

#975072

#959750

#509776

Color Blindness Simulation

Original

#525097

Protanopia

#515186

Deuteranopia

#515182

Tritanopia

#527875

Achromatopsia

#565656

CSS Usage

background-color: #525097;
color: #525097;
border-color: #525097;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5F9
100
#E9E8F2
200
#D1D0E6
300
#B0AFD5
400
#8584BE
500
#5B58A7
600
#484785
700
#3A396B
800
#2D2C53
900
#24233E
950
#171627

Contrast Checker

Text on white

7.11:1

AA Pass AAA Pass

Text on black

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