HEX #568FA2 color — Horizon
The color #568FA2 is a light shade and slightly desaturated.
Palette
568FA2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(195,31%,99%) |
#ebf2f4 |
rgb(235,242,244) |
hsl(195,31%,94%) |
#dae7ec |
rgb(218,231,236) |
hsl(195,31%,89%) |
#cadde3 |
rgb(202,221,227) |
hsl(195,31%,84%) |
#b9d2da |
rgb(185,210,218) |
hsl(195,31%,79%) |
#a8c7d1 |
rgb(168,199,209) |
hsl(195,31%,74%) |
#97bcc8 |
rgb(151,188,200) |
hsl(195,31%,69%) |
#87b1c0 |
rgb(135,177,192) |
hsl(195,31%,64%) |
#76a7b7 |
rgb(118,167,183) |
hsl(195,31%,59%) |
#659cae |
rgb(101,156,174) |
hsl(195,31%,54%) |
#5690a4 |
rgb(86,144,164) |
hsl(195,31%,49%) |
#4d8293 |
rgb(77,130,147) |
hsl(195,31%,44%) |
#457382 |
rgb(69,115,130) |
hsl(195,31%,39%) |
#3c6472 |
rgb(60,100,114) |
hsl(195,31%,34%) |
#335561 |
rgb(51,85,97) |
hsl(195,31%,29%) |
#2a4750 |
rgb(42,71,80) |
hsl(195,31%,24%) |
#21383f |
rgb(33,56,63) |
hsl(195,31%,19%) |
#19292f |
rgb(25,41,47) |
hsl(195,31%,14%) |
#101b1e |
rgb(16,27,30) |
hsl(195,31%,9%) |
#070c0d |
rgb(7,12,13) |
hsl(195,31%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A382 |
rgb(86,163,130) |
hsl(154,31%,49%) |
#568FA2 |
rgb(86,143,162) |
hsl(195,31%,49%) |
#565CA2 |
rgb(86,92,162) |
hsl(235,31%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87B3BF |
rgb(135,179,191) |
hsl(193,30%,64%) |
#6DA1B1 |
rgb(109,161,177) |
hsl(194,30%,56%) |
#568FA2 |
rgb(86,143,162) |
hsl(195,31%,49%) |
#487888 |
rgb(72,120,136) |
hsl(195,31%,41%) |
#3A616E |
rgb(58,97,110) |
hsl(195,31%,33%) |
#2C4A54 |
rgb(44,74,84) |
hsl(195,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#568FA2 |
rgb(86,143,162) |
hsl(195,31%,49%) |
#A25769 |
rgb(162,87,105) |
hsl(346,30%,49%) |
#A28F56 |
rgb(162,143,86) |
hsl(45,31%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#568FA2 |
rgb(86,143,162) |
hsl(195,31%,49%) |
#A26956 |
rgb(162,105,86) |
hsl(15,31%,49%) |
#56A38F |
rgb(86,163,143) |
hsl(164,31%,49%) |
#A28F56 |
rgb(162,143,86) |
hsl(45,31%,49%) |