#528AD3

#528AD3

Color Values

HEX

#528AD3

RGB

82, 138, 211

HSL

214.0, 59.4%, 57.5%

HSV

214.0, 61.1%, 82.7%

CMYK

61.1%, 34.6%, 0.0%, 17.3%

OKLCH

0.6279 0.1258 255.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#528AD3

#D39B52

Analogous

#52CAD3

#5B52D3

#528AD3

Triadic

#528AD3

#D3528A

#8AD352

Split Complementary

#528AD3

#D35B52

#CAD352

Tetradic

#528AD3

#D352CA

#D39B52

#52D35B

Color Blindness Simulation

Original

#528AD3

Protanopia

#6A6BC1

Deuteranopia

#6763BD

Tritanopia

#55B3B0

Achromatopsia

#838383

CSS Usage

background-color: #528AD3;
color: #528AD3;
border-color: #528AD3;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FB
100
#E4ECF6
200
#C6D8F1
300
#9DBDE6
400
#6999D9
500
#3475CB
600
#295EA3
700
#214B82
800
#1A3B66
900
#172D4A
950
#0E1C2F

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.93:1

AA Pass 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