HEX #5696E5 color — Cornflower Blue
The color #5696E5 is a light shade and moderately saturated.
Palette
5696E5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(213,73%,97%) |
#dce9f9 |
rgb(220,233,249) |
hsl(213,73%,92%) |
#c6dbf6 |
rgb(198,219,246) |
hsl(213,73%,87%) |
#b0cef3 |
rgb(176,206,243) |
hsl(213,73%,82%) |
#9ac0ef |
rgb(154,192,239) |
hsl(213,73%,77%) |
#83b2ec |
rgb(131,178,236) |
hsl(213,73%,72%) |
#6da5e8 |
rgb(109,165,232) |
hsl(213,73%,67%) |
#5797e5 |
rgb(87,151,229) |
hsl(213,73%,62%) |
#4189e1 |
rgb(65,137,225) |
hsl(213,73%,57%) |
#2b7cde |
rgb(43,124,222) |
hsl(213,73%,52%) |
#206fcf |
rgb(32,111,207) |
hsl(213,73%,47%) |
#1d63b9 |
rgb(29,99,185) |
hsl(213,73%,42%) |
#1957a3 |
rgb(25,87,163) |
hsl(213,73%,37%) |
#164c8d |
rgb(22,76,141) |
hsl(213,73%,32%) |
#134077 |
rgb(19,64,119) |
hsl(213,73%,27%) |
#0f3461 |
rgb(15,52,97) |
hsl(213,73%,22%) |
#0c284b |
rgb(12,40,75) |
hsl(213,73%,17%) |
#081c35 |
rgb(8,28,53) |
hsl(213,73%,12%) |
#05111f |
rgb(5,17,31) |
hsl(213,73%,7%) |
#010509 |
rgb(1,5,9) |
hsl(213,73%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#56E6D4 |
rgb(86,230,212) |
hsl(173,74%,62%) |
#5696E5 |
rgb(86,150,229) |
hsl(213,73%,62%) |
#7557E5 |
rgb(117,87,229) |
hsl(253,73%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D9E8F9 |
rgb(217,232,249) |
hsl(212,73%,91%) |
#ADCCF2 |
rgb(173,204,242) |
hsl(213,73%,81%) |
#81B0EB |
rgb(129,176,235) |
hsl(213,73%,71%) |
#5696E5 |
rgb(86,150,229) |
hsl(213,73%,62%) |
#2A7ADE |
rgb(42,122,222) |
hsl(213,73%,52%) |
#1C63B9 |
rgb(28,99,185) |
hsl(213,74%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5696E5 |
rgb(86,150,229) |
hsl(213,73%,62%) |
#E55E56 |
rgb(229,94,86) |
hsl(3,73%,62%) |
#DDE656 |
rgb(221,230,86) |
hsl(64,74%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5696E5 |
rgb(86,150,229) |
hsl(213,73%,62%) |
#E5A656 |
rgb(229,166,86) |
hsl(34,73%,62%) |
#56DEE5 |
rgb(86,222,229) |
hsl(183,73%,62%) |
#DDE656 |
rgb(221,230,86) |
hsl(64,74%,62%) |