HEX #5685E4 color — Cornflower Blue
The color #5685E4 is a light shade and moderately saturated.
Palette
5685E4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(220,72%,97%) |
#dce6f9 |
rgb(220,230,249) |
hsl(220,72%,92%) |
#c6d6f6 |
rgb(198,214,246) |
hsl(220,72%,87%) |
#b0c6f2 |
rgb(176,198,242) |
hsl(220,72%,82%) |
#9ab6ef |
rgb(154,182,239) |
hsl(220,72%,77%) |
#84a6eb |
rgb(132,166,235) |
hsl(220,72%,72%) |
#6e97e7 |
rgb(110,151,231) |
hsl(220,72%,67%) |
#5887e4 |
rgb(88,135,228) |
hsl(220,72%,62%) |
#4277e0 |
rgb(66,119,224) |
hsl(220,72%,57%) |
#2c67dd |
rgb(44,103,221) |
hsl(220,72%,52%) |
#225bce |
rgb(34,91,206) |
hsl(220,72%,47%) |
#1e51b8 |
rgb(30,81,184) |
hsl(220,72%,42%) |
#1a48a2 |
rgb(26,72,162) |
hsl(220,72%,37%) |
#173e8c |
rgb(23,62,140) |
hsl(220,72%,32%) |
#133476 |
rgb(19,52,118) |
hsl(220,72%,27%) |
#102b60 |
rgb(16,43,96) |
hsl(220,72%,22%) |
#0c214b |
rgb(12,33,75) |
hsl(220,72%,17%) |
#091735 |
rgb(9,23,53) |
hsl(220,72%,12%) |
#050e1f |
rgb(5,14,31) |
hsl(220,72%,7%) |
#010409 |
rgb(1,4,9) |
hsl(220,72%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#56E3E4 |
rgb(86,227,228) |
hsl(180,72%,62%) |
#5685E4 |
rgb(86,133,228) |
hsl(220,72%,62%) |
#8557E4 |
rgb(133,87,228) |
hsl(260,72%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D7E3F8 |
rgb(215,227,248) |
hsl(218,70%,91%) |
#ACC4F1 |
rgb(172,196,241) |
hsl(219,71%,81%) |
#81A3EA |
rgb(129,163,234) |
hsl(221,71%,71%) |
#5685E4 |
rgb(86,133,228) |
hsl(220,72%,62%) |
#2A66DD |
rgb(42,102,221) |
hsl(220,72%,52%) |
#1D52B8 |
rgb(29,82,184) |
hsl(219,73%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5685E4 |
rgb(86,133,228) |
hsl(220,72%,62%) |
#E46E56 |
rgb(228,110,86) |
hsl(10,72%,62%) |
#CCE356 |
rgb(204,227,86) |
hsl(70,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5685E4 |
rgb(86,133,228) |
hsl(220,72%,62%) |
#E4B556 |
rgb(228,181,86) |
hsl(40,72%,62%) |
#56CCE4 |
rgb(86,204,228) |
hsl(190,72%,62%) |
#CCE356 |
rgb(204,227,86) |
hsl(70,72%,61%) |