HEX #568CA2 color — Horizon
The color #568CA2 is a light shade and slightly desaturated.
Palette
568CA2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(197,31%,99%) |
#ebf2f4 |
rgb(235,242,244) |
hsl(197,31%,94%) |
#dae7ec |
rgb(218,231,236) |
hsl(197,31%,89%) |
#cadce3 |
rgb(202,220,227) |
hsl(197,31%,84%) |
#b9d1da |
rgb(185,209,218) |
hsl(197,31%,79%) |
#a8c6d1 |
rgb(168,198,209) |
hsl(197,31%,74%) |
#97bbc8 |
rgb(151,187,200) |
hsl(197,31%,69%) |
#87b0c0 |
rgb(135,176,192) |
hsl(197,31%,64%) |
#76a4b7 |
rgb(118,164,183) |
hsl(197,31%,59%) |
#6599ae |
rgb(101,153,174) |
hsl(197,31%,54%) |
#568ea4 |
rgb(86,142,164) |
hsl(197,31%,49%) |
#4d7f93 |
rgb(77,127,147) |
hsl(197,31%,44%) |
#457182 |
rgb(69,113,130) |
hsl(197,31%,39%) |
#3c6272 |
rgb(60,98,114) |
hsl(197,31%,34%) |
#335461 |
rgb(51,84,97) |
hsl(197,31%,29%) |
#2a4550 |
rgb(42,69,80) |
hsl(197,31%,24%) |
#21373f |
rgb(33,55,63) |
hsl(197,31%,19%) |
#19282f |
rgb(25,40,47) |
hsl(197,31%,14%) |
#101a1e |
rgb(16,26,30) |
hsl(197,31%,9%) |
#070c0d |
rgb(7,12,13) |
hsl(197,31%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A385 |
rgb(86,163,133) |
hsl(157,31%,49%) |
#568CA2 |
rgb(86,140,162) |
hsl(197,31%,49%) |
#5659A2 |
rgb(86,89,162) |
hsl(238,31%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87B0BF |
rgb(135,176,191) |
hsl(196,30%,64%) |
#6D9EB1 |
rgb(109,158,177) |
hsl(197,30%,56%) |
#568CA2 |
rgb(86,140,162) |
hsl(197,31%,49%) |
#487588 |
rgb(72,117,136) |
hsl(198,31%,41%) |
#3A5E6E |
rgb(58,94,110) |
hsl(198,31%,33%) |
#2C4A54 |
rgb(44,74,84) |
hsl(195,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#568CA2 |
rgb(86,140,162) |
hsl(197,31%,49%) |
#A25766 |
rgb(162,87,102) |
hsl(348,30%,49%) |
#A29156 |
rgb(162,145,86) |
hsl(47,31%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#568CA2 |
rgb(86,140,162) |
hsl(197,31%,49%) |
#A26B56 |
rgb(162,107,86) |
hsl(17,31%,49%) |
#56A392 |
rgb(86,163,146) |
hsl(167,31%,49%) |
#A29156 |
rgb(162,145,86) |
hsl(47,31%,49%) |