HEX #5684E6 color — Cornflower Blue
The color #5684e6 is a light shade and moderately saturated.
Palette
5684e6 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5fd |
rgb(242,245,253) |
hsl(221,74%,97%) |
#dce5fa |
rgb(220,229,250) |
hsl(221,74%,92%) |
#c5d5f6 |
rgb(197,213,246) |
hsl(221,74%,87%) |
#afc5f3 |
rgb(175,197,243) |
hsl(221,74%,82%) |
#99b4f0 |
rgb(153,180,240) |
hsl(221,74%,77%) |
#83a4ec |
rgb(131,164,236) |
hsl(221,74%,72%) |
#6d94e9 |
rgb(109,148,233) |
hsl(221,74%,67%) |
#5684e6 |
rgb(86,132,230) |
hsl(221,74%,62%) |
#4074e2 |
rgb(64,116,226) |
hsl(221,74%,57%) |
#2a63df |
rgb(42,99,223) |
hsl(221,74%,52%) |
#1f57d1 |
rgb(31,87,209) |
hsl(221,74%,47%) |
#1c4eba |
rgb(28,78,186) |
hsl(221,74%,42%) |
#1945a4 |
rgb(25,69,164) |
hsl(221,74%,37%) |
#153b8e |
rgb(21,59,142) |
hsl(221,74%,32%) |
#123278 |
rgb(18,50,120) |
hsl(221,74%,27%) |
#0f2962 |
rgb(15,41,98) |
hsl(221,74%,22%) |
#0b204b |
rgb(11,32,75) |
hsl(221,74%,17%) |
#081635 |
rgb(8,22,53) |
hsl(221,74%,12%) |
#050d1f |
rgb(5,13,31) |
hsl(221,74%,7%) |
#010409 |
rgb(1,4,9) |
hsl(221,74%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#56E3E6 |
rgb(86,227,230) |
hsl(181,74%,62%) |
#5684E6 |
rgb(86,132,230) |
hsl(221,74%,62%) |
#8857E6 |
rgb(136,87,230) |
hsl(261,74%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DAE3F9 |
rgb(218,227,249) |
hsl(223,72%,92%) |
#AEC4F3 |
rgb(174,196,243) |
hsl(221,74%,82%) |
#82A3EC |
rgb(130,163,236) |
hsl(221,74%,72%) |
#5684E6 |
rgb(86,132,230) |
hsl(221,74%,62%) |
#2963DF |
rgb(41,99,223) |
hsl(221,74%,52%) |
#1B4FBB |
rgb(27,79,187) |
hsl(221,75%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5684E6 |
rgb(86,132,230) |
hsl(221,74%,62%) |
#E67056 |
rgb(230,112,86) |
hsl(11,74%,62%) |
#CCE656 |
rgb(204,230,86) |
hsl(71,74%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5684E6 |
rgb(86,132,230) |
hsl(221,74%,62%) |
#E6B856 |
rgb(230,184,86) |
hsl(41,74%,62%) |
#56CCE6 |
rgb(86,204,230) |
hsl(191,74%,62%) |
#CCE656 |
rgb(204,230,86) |
hsl(71,74%,62%) |