HEX #5696E4 color — Cornflower Blue
The color #5696E4 is a light shade and moderately saturated.
Palette
5696E4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(213,72%,97%) |
#dce9f9 |
rgb(220,233,249) |
hsl(213,72%,92%) |
#c6dbf6 |
rgb(198,219,246) |
hsl(213,72%,87%) |
#b0cef2 |
rgb(176,206,242) |
hsl(213,72%,82%) |
#9ac0ef |
rgb(154,192,239) |
hsl(213,72%,77%) |
#84b2eb |
rgb(132,178,235) |
hsl(213,72%,72%) |
#6ea5e7 |
rgb(110,165,231) |
hsl(213,72%,67%) |
#5897e4 |
rgb(88,151,228) |
hsl(213,72%,62%) |
#4289e0 |
rgb(66,137,224) |
hsl(213,72%,57%) |
#2c7cdd |
rgb(44,124,221) |
hsl(213,72%,52%) |
#226fce |
rgb(34,111,206) |
hsl(213,72%,47%) |
#1e63b8 |
rgb(30,99,184) |
hsl(213,72%,42%) |
#1a58a2 |
rgb(26,88,162) |
hsl(213,72%,37%) |
#174c8c |
rgb(23,76,140) |
hsl(213,72%,32%) |
#134076 |
rgb(19,64,118) |
hsl(213,72%,27%) |
#103460 |
rgb(16,52,96) |
hsl(213,72%,22%) |
#0c284b |
rgb(12,40,75) |
hsl(213,72%,17%) |
#091c35 |
rgb(9,28,53) |
hsl(213,72%,12%) |
#05111f |
rgb(5,17,31) |
hsl(213,72%,7%) |
#010509 |
rgb(1,5,9) |
hsl(213,72%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#56E3D3 |
rgb(86,227,211) |
hsl(173,72%,61%) |
#5696E4 |
rgb(86,150,228) |
hsl(213,72%,62%) |
#7457E4 |
rgb(116,87,228) |
hsl(252,72%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D7E6F8 |
rgb(215,230,248) |
hsl(213,70%,91%) |
#ACCCF1 |
rgb(172,204,241) |
hsl(212,71%,81%) |
#81B0EA |
rgb(129,176,234) |
hsl(213,71%,71%) |
#5696E4 |
rgb(86,150,228) |
hsl(213,72%,62%) |
#2A7ADD |
rgb(42,122,221) |
hsl(213,72%,52%) |
#1D63B8 |
rgb(29,99,184) |
hsl(213,73%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5696E4 |
rgb(86,150,228) |
hsl(213,72%,62%) |
#E45C56 |
rgb(228,92,86) |
hsl(3,72%,62%) |
#DDE356 |
rgb(221,227,86) |
hsl(63,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5696E4 |
rgb(86,150,228) |
hsl(213,72%,62%) |
#E4A356 |
rgb(228,163,86) |
hsl(33,72%,62%) |
#56DEE4 |
rgb(86,222,228) |
hsl(183,72%,62%) |
#DDE356 |
rgb(221,227,86) |
hsl(63,72%,61%) |