HEX #568CA5 color — Horizon
The color #568CA5 is a light shade and slightly desaturated.
Palette
568CA5 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(199,31%,99%) |
#ebf1f4 |
rgb(235,241,244) |
hsl(199,31%,94%) |
#dae6ec |
rgb(218,230,236) |
hsl(199,31%,89%) |
#cadbe3 |
rgb(202,219,227) |
hsl(199,31%,84%) |
#b9d0da |
rgb(185,208,218) |
hsl(199,31%,79%) |
#a8c4d1 |
rgb(168,196,209) |
hsl(199,31%,74%) |
#97b9c8 |
rgb(151,185,200) |
hsl(199,31%,69%) |
#87aec0 |
rgb(135,174,192) |
hsl(199,31%,64%) |
#76a2b7 |
rgb(118,162,183) |
hsl(199,31%,59%) |
#6597ae |
rgb(101,151,174) |
hsl(199,31%,54%) |
#568ba4 |
rgb(86,139,164) |
hsl(199,31%,49%) |
#4d7d93 |
rgb(77,125,147) |
hsl(199,31%,44%) |
#456f82 |
rgb(69,111,130) |
hsl(199,31%,39%) |
#3c6172 |
rgb(60,97,114) |
hsl(199,31%,34%) |
#335261 |
rgb(51,82,97) |
hsl(199,31%,29%) |
#2a4450 |
rgb(42,68,80) |
hsl(199,31%,24%) |
#21363f |
rgb(33,54,63) |
hsl(199,31%,19%) |
#19282f |
rgb(25,40,47) |
hsl(199,31%,14%) |
#101a1e |
rgb(16,26,30) |
hsl(199,31%,9%) |
#070b0d |
rgb(7,11,13) |
hsl(199,31%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A689 |
rgb(86,166,137) |
hsl(158,32%,49%) |
#568CA5 |
rgb(86,140,165) |
hsl(199,31%,49%) |
#5657A5 |
rgb(86,87,165) |
hsl(239,31%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#89B0C1 |
rgb(137,176,193) |
hsl(198,31%,65%) |
#6F9EB4 |
rgb(111,158,180) |
hsl(199,32%,57%) |
#568CA5 |
rgb(86,140,165) |
hsl(199,31%,49%) |
#48758A |
rgb(72,117,138) |
hsl(199,31%,41%) |
#3A5E70 |
rgb(58,94,112) |
hsl(200,32%,33%) |
#2C4A55 |
rgb(44,74,85) |
hsl(196,32%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#568CA5 |
rgb(86,140,165) |
hsl(199,31%,49%) |
#A55764 |
rgb(165,87,100) |
hsl(350,31%,49%) |
#A59656 |
rgb(165,150,86) |
hsl(49,31%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#568CA5 |
rgb(86,140,165) |
hsl(199,31%,49%) |
#A57056 |
rgb(165,112,86) |
hsl(20,31%,49%) |
#56A696 |
rgb(86,166,150) |
hsl(168,32%,49%) |
#A59656 |
rgb(165,150,86) |
hsl(49,31%,49%) |