#528CD2

#528CD2

Color Values

HEX

#528CD2

RGB

82, 140, 210

HSL

212.8, 58.7%, 57.3%

HSV

212.8, 61.0%, 82.4%

CMYK

61.0%, 33.3%, 0.0%, 17.6%

OKLCH

0.6318 0.1225 254.2

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#528CD2

#D29852

Analogous

#52CCD2

#5852D2

#528CD2

Triadic

#528CD2

#D2528C

#8CD252

Split Complementary

#528CD2

#D25852

#CCD252

Tetradic

#528CD2

#D252CC

#D29852

#52D258

Color Blindness Simulation

Original

#528CD2

Protanopia

#6B6CC1

Deuteranopia

#6863BD

Tritanopia

#55B4B1

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E4ECF6
200
#C6D9F0
300
#9EBEE6
400
#699BD8
500
#3579CA
600
#2A60A2
700
#224D81
800
#1A3C65
900
#172E4A
950
#0E1D2F

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

6.04:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026