#528AF0

#528AF0

Color Values

HEX

#528AF0

RGB

82, 138, 240

HSL

218.7, 84.0%, 63.1%

HSV

218.7, 65.8%, 94.1%

CMYK

65.8%, 42.5%, 0.0%, 5.9%

OKLCH

0.6447 0.164 261.3

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#528AF0

#F0B852

Analogous

#52D9F0

#6952F0

#528AF0

Triadic

#528AF0

#F0528A

#8AF052

Split Complementary

#528AF0

#F06952

#D9F052

Tetradic

#528AF0

#F052D9

#F0B852

#52F069

Color Blindness Simulation

Original

#528AF0

Protanopia

#6A6BD7

Deuteranopia

#6763D1

Tritanopia

#55C4C0

Achromatopsia

#858585

CSS Usage

background-color: #528AF0;
color: #528AF0;
border-color: #528AF0;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F6FD
100
#E0E9FA
200
#BDD3F9
300
#8EB3F5
400
#518AF0
500
#1460EB
600
#104DBC
700
#0D3E96
800
#0A3075
900
#0C2655
950
#071836

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.25: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