#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

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

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

يناير 18, 2026