#5284D4

#5284D4

Color Values

HEX

#5284D4

RGB

82, 132, 212

HSL

216.9, 60.2%, 57.6%

HSV

216.9, 61.3%, 83.1%

CMYK

61.3%, 37.7%, 0.0%, 16.9%

OKLCH

0.6153 0.1334 259.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5284D4

#D4A252

Analogous

#52C5D4

#6152D4

#5284D4

Triadic

#5284D4

#D45284

#84D452

Split Complementary

#5284D4

#D46152

#C5D452

Tetradic

#5284D4

#D452C5

#D4A252

#52D461

Color Blindness Simulation

Original

#5284D4

Protanopia

#6868C1

Deuteranopia

#6561BC

Tritanopia

#54B1AE

Achromatopsia

#7F7F7F

CSS Usage

background-color: #5284D4;
color: #5284D4;
border-color: #5284D4;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FB
100
#E4EBF6
200
#C6D6F1
300
#9DB9E7
400
#6894D9
500
#336ECC
600
#2958A3
700
#204683
800
#193766
900
#162A4B
950
#0E1B2F

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

5.61:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026