HEX #568CA1 color — Horizon
The color #568CA1 is a light shade and slightly desaturated.
Palette
568CA1 color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfb |
rgb(248,251,251) |
hsl(197,30%,98%) |
#e8eff3 |
rgb(232,239,243) |
hsl(197,30%,93%) |
#d7e4ea |
rgb(215,228,234) |
hsl(197,30%,88%) |
#c7d9e1 |
rgb(199,217,225) |
hsl(197,30%,83%) |
#b6ced8 |
rgb(182,206,216) |
hsl(197,30%,78%) |
#a5c3cf |
rgb(165,195,207) |
hsl(197,30%,73%) |
#95b8c6 |
rgb(149,184,198) |
hsl(197,30%,68%) |
#84adbd |
rgb(132,173,189) |
hsl(197,30%,63%) |
#74a2b4 |
rgb(116,162,180) |
hsl(197,30%,58%) |
#6397ab |
rgb(99,151,171) |
hsl(197,30%,53%) |
#568a9f |
rgb(86,138,159) |
hsl(197,30%,48%) |
#4d7c8f |
rgb(77,124,143) |
hsl(197,30%,43%) |
#446d7e |
rgb(68,109,126) |
hsl(197,30%,38%) |
#3b5f6d |
rgb(59,95,109) |
hsl(197,30%,33%) |
#32515d |
rgb(50,81,93) |
hsl(197,30%,28%) |
#29424c |
rgb(41,66,76) |
hsl(197,30%,23%) |
#20343c |
rgb(32,52,60) |
hsl(197,30%,18%) |
#17252b |
rgb(23,37,43) |
hsl(197,30%,13%) |
#0e171b |
rgb(14,23,27) |
hsl(197,30%,8%) |
#05090a |
rgb(5,9,10) |
hsl(197,30%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A184 |
rgb(86,161,132) |
hsl(157,30%,48%) |
#568CA1 |
rgb(86,140,161) |
hsl(197,30%,48%) |
#5659A1 |
rgb(86,89,161) |
hsl(238,30%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87B0BE |
rgb(135,176,190) |
hsl(195,30%,64%) |
#6D9EB1 |
rgb(109,158,177) |
hsl(197,30%,56%) |
#568CA1 |
rgb(86,140,161) |
hsl(197,30%,48%) |
#487587 |
rgb(72,117,135) |
hsl(197,30%,41%) |
#3A5E6D |
rgb(58,94,109) |
hsl(198,31%,33%) |
#2C4A53 |
rgb(44,74,83) |
hsl(194,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#568CA1 |
rgb(86,140,161) |
hsl(197,30%,48%) |
#A15766 |
rgb(161,87,102) |
hsl(348,30%,49%) |
#A19156 |
rgb(161,145,86) |
hsl(47,30%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#568CA1 |
rgb(86,140,161) |
hsl(197,30%,48%) |
#A16B56 |
rgb(161,107,86) |
hsl(17,30%,48%) |
#56A190 |
rgb(86,161,144) |
hsl(166,30%,48%) |
#A19156 |
rgb(161,145,86) |
hsl(47,30%,48%) |