#5286DC

#5286DC

Color Values

HEX

#5286DC

RGB

82, 134, 220

HSL

217.4, 66.3%, 59.2%

HSV

217.4, 62.7%, 86.3%

CMYK

62.7%, 39.1%, 0.0%, 13.7%

OKLCH

0.6243 0.1419 259.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5286DC

#DCA852

Analogous

#52CBDC

#6352DC

#5286DC

Triadic

#5286DC

#DC5286

#86DC52

Split Complementary

#5286DC

#DC6352

#CBDC52

Tetradic

#5286DC

#DC52CB

#DCA852

#52DC63

Color Blindness Simulation

Original

#5286DC

Protanopia

#6969C7

Deuteranopia

#6662C2

Tritanopia

#55B7B3

Achromatopsia

#818181

CSS Usage

background-color: #5286DC;
color: #5286DC;
border-color: #5286DC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C4D5F3
300
#99B8EA
400
#6291DF
500
#2B6BD4
600
#2255AA
700
#1B4488
800
#15356A
900
#14294D
950
#0C1A31

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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