#525FD3

#525FD3

Color Values

HEX

#525FD3

RGB

82, 95, 211

HSL

234.0, 59.4%, 57.5%

HSV

234.0, 61.1%, 82.7%

CMYK

61.1%, 55.0%, 0.0%, 17.3%

OKLCH

0.5393 0.1771 274.0

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#525FD3

#D3C652

Analogous

#529FD3

#8652D3

#525FD3

Triadic

#525FD3

#D3525F

#5FD352

Split Complementary

#525FD3

#D38652

#9FD352

Tetradic

#525FD3

#D3529F

#D3C652

#52D386

Color Blindness Simulation

Original

#525FD3

Protanopia

#5858B7

Deuteranopia

#5756B0

Tritanopia

#53A19C

Achromatopsia

#656565

CSS Usage

background-color: #525FD3;
color: #525FD3;
border-color: #525FD3;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F3F4FB
100
#E4E6F6
200
#C6CAF1
300
#9DA5E6
400
#6974D9
500
#3443CB
600
#2936A3
700
#212B82
800
#1A2166
900
#171C4A
950
#0E122F

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

3.94:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026