#525CAD

#525CAD

Color Values

HEX

#525CAD

RGB

82, 92, 173

HSL

233.4, 35.7%, 50.0%

HSV

233.4, 52.6%, 67.8%

CMYK

52.6%, 46.8%, 0.0%, 32.2%

OKLCH

0.507 0.1278 275.6

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#525CAD

#ADA352

Analogous

#528AAD

#7552AD

#525CAD

Triadic

#525CAD

#AD525C

#5CAD52

Split Complementary

#525CAD

#AD7552

#8AAD52

Tetradic

#525CAD

#AD528A

#ADA352

#52AD75

Color Blindness Simulation

Original

#525CAD

Protanopia

#565699

Deuteranopia

#565595

Tritanopia

#528A87

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8E9F3
200
#CFD1E8
300
#ACB1D8
400
#7F86C2
500
#525CAD
600
#424A8A
700
#343B6F
800
#292E57
900
#212440
950
#151728

Contrast Checker

Text on white

6.01:1

AA Pass AAA Fail

Text on black

3.49:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026