HEX #5682E4 color — Royal Blue

The color #5682E4 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5682E4 color palette from light to dark

HEX RGB HSL
#f2f5fd rgb(242,245,253) hsl(221,72%,97%)
#dce5f9 rgb(220,229,249) hsl(221,72%,92%)
#c6d5f6 rgb(198,213,246) hsl(221,72%,87%)
#b0c5f2 rgb(176,197,242) hsl(221,72%,82%)
#9ab5ef rgb(154,181,239) hsl(221,72%,77%)
#84a5eb rgb(132,165,235) hsl(221,72%,72%)
#6e95e7 rgb(110,149,231) hsl(221,72%,67%)
#5885e4 rgb(88,133,228) hsl(221,72%,62%)
#4274e0 rgb(66,116,224) hsl(221,72%,57%)
#2c64dd rgb(44,100,221) hsl(221,72%,52%)
#2258ce rgb(34,88,206) hsl(221,72%,47%)
#1e4fb8 rgb(30,79,184) hsl(221,72%,42%)
#1a45a2 rgb(26,69,162) hsl(221,72%,37%)
#173c8c rgb(23,60,140) hsl(221,72%,32%)
#133376 rgb(19,51,118) hsl(221,72%,27%)
#102960 rgb(16,41,96) hsl(221,72%,22%)
#0c204b rgb(12,32,75) hsl(221,72%,17%)
#091735 rgb(9,23,53) hsl(221,72%,12%)
#050d1f rgb(5,13,31) hsl(221,72%,7%)
#010409 rgb(1,4,9) hsl(221,72%,2%)

Adjacent colors

HEX RGB HSL
#56E0E4 rgb(86,224,228) hsl(182,72%,62%)
#5682E4 rgb(86,130,228) hsl(221,72%,62%)
#8857E4 rgb(136,87,228) hsl(261,72%,62%)

Monochromatic colors

HEX RGB HSL
#D7E3F8 rgb(215,227,248) hsl(218,70%,91%)
#ACC2F1 rgb(172,194,241) hsl(221,71%,81%)
#81A3EA rgb(129,163,234) hsl(221,71%,71%)
#5682E4 rgb(86,130,228) hsl(221,72%,62%)
#2A61DD rgb(42,97,221) hsl(222,72%,52%)
#1D4DB8 rgb(29,77,184) hsl(221,73%,42%)

Triad color palettes

HEX RGB HSL
#5682E4 rgb(86,130,228) hsl(221,72%,62%)
#E47056 rgb(228,112,86) hsl(11,72%,62%)
#C9E356 rgb(201,227,86) hsl(71,72%,61%)

Tetrad color palettes

HEX RGB HSL
#5682E4 rgb(86,130,228) hsl(221,72%,62%)
#E4B856 rgb(228,184,86) hsl(41,72%,62%)
#56C9E4 rgb(86,201,228) hsl(191,72%,62%)
#C9E356 rgb(201,227,86) hsl(71,72%,61%)