HEX #5682E5 color — Cornflower Blue
The color #5682E5 is a light shade and moderately saturated.
Palette
5682E5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5fd |
rgb(242,245,253) |
hsl(222,73%,97%) |
#dce5f9 |
rgb(220,229,249) |
hsl(222,73%,92%) |
#c6d4f6 |
rgb(198,212,246) |
hsl(222,73%,87%) |
#b0c4f3 |
rgb(176,196,243) |
hsl(222,73%,82%) |
#9ab3ef |
rgb(154,179,239) |
hsl(222,73%,77%) |
#83a3ec |
rgb(131,163,236) |
hsl(222,73%,72%) |
#6d92e8 |
rgb(109,146,232) |
hsl(222,73%,67%) |
#5782e5 |
rgb(87,130,229) |
hsl(222,73%,62%) |
#4171e1 |
rgb(65,113,225) |
hsl(222,73%,57%) |
#2b61de |
rgb(43,97,222) |
hsl(222,73%,52%) |
#2055cf |
rgb(32,85,207) |
hsl(222,73%,47%) |
#1d4cb9 |
rgb(29,76,185) |
hsl(222,73%,42%) |
#1943a3 |
rgb(25,67,163) |
hsl(222,73%,37%) |
#163a8d |
rgb(22,58,141) |
hsl(222,73%,32%) |
#133177 |
rgb(19,49,119) |
hsl(222,73%,27%) |
#0f2861 |
rgb(15,40,97) |
hsl(222,73%,22%) |
#0c1f4b |
rgb(12,31,75) |
hsl(222,73%,17%) |
#081635 |
rgb(8,22,53) |
hsl(222,73%,12%) |
#050d1f |
rgb(5,13,31) |
hsl(222,73%,7%) |
#010409 |
rgb(1,4,9) |
hsl(222,73%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#56E0E5 |
rgb(86,224,229) |
hsl(182,73%,62%) |
#5682E5 |
rgb(86,130,229) |
hsl(222,73%,62%) |
#8957E5 |
rgb(137,87,229) |
hsl(261,73%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D9E3F9 |
rgb(217,227,249) |
hsl(221,73%,91%) |
#ADC2F2 |
rgb(173,194,242) |
hsl(222,73%,81%) |
#81A3EB |
rgb(129,163,235) |
hsl(221,73%,71%) |
#5682E5 |
rgb(86,130,229) |
hsl(222,73%,62%) |
#2A61DE |
rgb(42,97,222) |
hsl(222,73%,52%) |
#1C4DB9 |
rgb(28,77,185) |
hsl(221,74%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5682E5 |
rgb(86,130,229) |
hsl(222,73%,62%) |
#E57356 |
rgb(229,115,86) |
hsl(12,73%,62%) |
#C9E656 |
rgb(201,230,86) |
hsl(72,74%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5682E5 |
rgb(86,130,229) |
hsl(222,73%,62%) |
#E5BA56 |
rgb(229,186,86) |
hsl(42,73%,62%) |
#56C9E5 |
rgb(86,201,229) |
hsl(192,73%,62%) |
#C9E656 |
rgb(201,230,86) |
hsl(72,74%,62%) |