HEX #5687E5 color — Cornflower Blue
The color #5687E5 is a light shade and moderately saturated.
Palette
5687E5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(219,73%,97%) |
#dce6f9 |
rgb(220,230,249) |
hsl(219,73%,92%) |
#c6d7f6 |
rgb(198,215,246) |
hsl(219,73%,87%) |
#b0c7f3 |
rgb(176,199,243) |
hsl(219,73%,82%) |
#9ab8ef |
rgb(154,184,239) |
hsl(219,73%,77%) |
#83a8ec |
rgb(131,168,236) |
hsl(219,73%,72%) |
#6d98e8 |
rgb(109,152,232) |
hsl(219,73%,67%) |
#5789e5 |
rgb(87,137,229) |
hsl(219,73%,62%) |
#4179e1 |
rgb(65,121,225) |
hsl(219,73%,57%) |
#2b6ade |
rgb(43,106,222) |
hsl(219,73%,52%) |
#205ecf |
rgb(32,94,207) |
hsl(219,73%,47%) |
#1d54b9 |
rgb(29,84,185) |
hsl(219,73%,42%) |
#194aa3 |
rgb(25,74,163) |
hsl(219,73%,37%) |
#16408d |
rgb(22,64,141) |
hsl(219,73%,32%) |
#133677 |
rgb(19,54,119) |
hsl(219,73%,27%) |
#0f2c61 |
rgb(15,44,97) |
hsl(219,73%,22%) |
#0c224b |
rgb(12,34,75) |
hsl(219,73%,17%) |
#081835 |
rgb(8,24,53) |
hsl(219,73%,12%) |
#050e1f |
rgb(5,14,31) |
hsl(219,73%,7%) |
#010409 |
rgb(1,4,9) |
hsl(219,73%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#56E6E3 |
rgb(86,230,227) |
hsl(179,74%,62%) |
#5687E5 |
rgb(86,135,229) |
hsl(219,73%,62%) |
#8457E5 |
rgb(132,87,229) |
hsl(259,73%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D9E3F9 |
rgb(217,227,249) |
hsl(221,73%,91%) |
#ADC4F2 |
rgb(173,196,242) |
hsl(220,73%,81%) |
#81A6EB |
rgb(129,166,235) |
hsl(219,73%,71%) |
#5687E5 |
rgb(86,135,229) |
hsl(219,73%,62%) |
#2A69DE |
rgb(42,105,222) |
hsl(219,73%,52%) |
#1C52B9 |
rgb(28,82,185) |
hsl(219,74%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5687E5 |
rgb(86,135,229) |
hsl(219,73%,62%) |
#E56E56 |
rgb(229,110,86) |
hsl(10,73%,62%) |
#CEE656 |
rgb(206,230,86) |
hsl(70,74%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5687E5 |
rgb(86,135,229) |
hsl(219,73%,62%) |
#E5B556 |
rgb(229,181,86) |
hsl(40,73%,62%) |
#56CFE5 |
rgb(86,207,229) |
hsl(189,73%,62%) |
#CEE656 |
rgb(206,230,86) |
hsl(70,74%,62%) |