HEX #568CA0 color — Horizon
The color #568CA0 is a light shade and slightly desaturated.
Palette
568CA0 color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfb |
rgb(248,251,251) |
hsl(196,30%,98%) |
#e8f0f3 |
rgb(232,240,243) |
hsl(196,30%,93%) |
#d7e5ea |
rgb(215,229,234) |
hsl(196,30%,88%) |
#c7dae1 |
rgb(199,218,225) |
hsl(196,30%,83%) |
#b6cfd8 |
rgb(182,207,216) |
hsl(196,30%,78%) |
#a5c4cf |
rgb(165,196,207) |
hsl(196,30%,73%) |
#95b9c6 |
rgb(149,185,198) |
hsl(196,30%,68%) |
#84aebd |
rgb(132,174,189) |
hsl(196,30%,63%) |
#74a3b4 |
rgb(116,163,180) |
hsl(196,30%,58%) |
#6398ab |
rgb(99,152,171) |
hsl(196,30%,53%) |
#568c9f |
rgb(86,140,159) |
hsl(196,30%,48%) |
#4d7d8f |
rgb(77,125,143) |
hsl(196,30%,43%) |
#446e7e |
rgb(68,110,126) |
hsl(196,30%,38%) |
#3b606d |
rgb(59,96,109) |
hsl(196,30%,33%) |
#32515d |
rgb(50,81,93) |
hsl(196,30%,28%) |
#29434c |
rgb(41,67,76) |
hsl(196,30%,23%) |
#20343c |
rgb(32,52,60) |
hsl(196,30%,18%) |
#17262b |
rgb(23,38,43) |
hsl(196,30%,13%) |
#0e171b |
rgb(14,23,27) |
hsl(196,30%,8%) |
#05090a |
rgb(5,9,10) |
hsl(196,30%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A182 |
rgb(86,161,130) |
hsl(155,30%,48%) |
#568CA0 |
rgb(86,140,160) |
hsl(196,30%,48%) |
#565CA0 |
rgb(86,92,160) |
hsl(235,30%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86B0BE |
rgb(134,176,190) |
hsl(195,30%,64%) |
#6C9EB0 |
rgb(108,158,176) |
hsl(196,30%,56%) |
#568CA0 |
rgb(86,140,160) |
hsl(196,30%,48%) |
#487586 |
rgb(72,117,134) |
hsl(196,30%,40%) |
#3A5E6C |
rgb(58,94,108) |
hsl(197,30%,33%) |
#2C4A53 |
rgb(44,74,83) |
hsl(194,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#568CA0 |
rgb(86,140,160) |
hsl(196,30%,48%) |
#A05767 |
rgb(160,87,103) |
hsl(347,30%,48%) |
#A08F56 |
rgb(160,143,86) |
hsl(46,30%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#568CA0 |
rgb(86,140,160) |
hsl(196,30%,48%) |
#A06B56 |
rgb(160,107,86) |
hsl(17,30%,48%) |
#56A18F |
rgb(86,161,143) |
hsl(166,30%,48%) |
#A08F56 |
rgb(160,143,86) |
hsl(46,30%,48%) |