#529CEB

#529CEB

Color Values

HEX

#529CEB

RGB

82, 156, 235

HSL

211.0, 79.3%, 62.2%

HSV

211.0, 65.1%, 92.2%

CMYK

65.1%, 33.6%, 0.0%, 7.8%

OKLCH

0.6804 0.1389 251.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#529CEB

#EBA152

Analogous

#52E8EB

#5552EB

#529CEB

Triadic

#529CEB

#EB529C

#9CEB52

Split Complementary

#529CEB

#EB5552

#E8EB52

Tetradic

#529CEB

#EB52E8

#EBA152

#52EB55

Color Blindness Simulation

Original

#529CEB

Protanopia

#7273D8

Deuteranopia

#6E68D3

Tritanopia

#56C9C5

Achromatopsia

#929292

CSS Usage

background-color: #529CEB;
color: #529CEB;
border-color: #529CEB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BFDAF8
300
#91C0F2
400
#569EEB
500
#1A7CE5
600
#1563B7
700
#114F92
800
#0D3E72
900
#0E2F53
950
#091E34

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.31:1

AA Pass AAA Pass

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