HEX #568FA7 color — Horizon
The color #568FA7 is a light shade and slightly desaturated.
Palette
568FA7 color palette from light to dark
HEX |
RGB |
HSL |
#eef4f6 |
rgb(238,244,246) |
hsl(198,32%,95%) |
#dde9ee |
rgb(221,233,238) |
hsl(198,32%,90%) |
#cddee5 |
rgb(205,222,229) |
hsl(198,32%,85%) |
#bcd3dc |
rgb(188,211,220) |
hsl(198,32%,80%) |
#abc7d4 |
rgb(171,199,212) |
hsl(198,32%,75%) |
#9abccb |
rgb(154,188,203) |
hsl(198,32%,70%) |
#89b1c2 |
rgb(137,177,194) |
hsl(198,32%,65%) |
#78a6ba |
rgb(120,166,186) |
hsl(198,32%,60%) |
#689bb1 |
rgb(104,155,177) |
hsl(198,32%,55%) |
#5790a8 |
rgb(87,144,168) |
hsl(198,32%,50%) |
#4e8197 |
rgb(78,129,151) |
hsl(198,32%,45%) |
#457387 |
rgb(69,115,135) |
hsl(198,32%,40%) |
#3d6576 |
rgb(61,101,118) |
hsl(198,32%,35%) |
#345665 |
rgb(52,86,101) |
hsl(198,32%,30%) |
#2b4854 |
rgb(43,72,84) |
hsl(198,32%,25%) |
#233a43 |
rgb(35,58,67) |
hsl(198,32%,20%) |
#1a2b32 |
rgb(26,43,50) |
hsl(198,32%,15%) |
#111d22 |
rgb(17,29,34) |
hsl(198,32%,10%) |
#090e11 |
rgb(9,14,17) |
hsl(198,32%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A689 |
rgb(86,166,137) |
hsl(158,32%,49%) |
#568FA7 |
rgb(86,143,167) |
hsl(198,32%,50%) |
#5659A7 |
rgb(86,89,167) |
hsl(238,32%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AB3C3 |
rgb(138,179,195) |
hsl(197,32%,65%) |
#70A1B5 |
rgb(112,161,181) |
hsl(197,32%,57%) |
#568FA7 |
rgb(86,143,167) |
hsl(198,32%,50%) |
#48788C |
rgb(72,120,140) |
hsl(198,32%,42%) |
#3A6171 |
rgb(58,97,113) |
hsl(197,32%,34%) |
#2C4A56 |
rgb(44,74,86) |
hsl(197,32%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#568FA7 |
rgb(86,143,167) |
hsl(198,32%,50%) |
#A75766 |
rgb(167,87,102) |
hsl(349,31%,50%) |
#A79656 |
rgb(167,150,86) |
hsl(47,32%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#568FA7 |
rgb(86,143,167) |
hsl(198,32%,50%) |
#A76E56 |
rgb(167,110,86) |
hsl(18,32%,50%) |
#56A696 |
rgb(86,166,150) |
hsl(168,32%,49%) |
#A79656 |
rgb(167,150,86) |
hsl(47,32%,50%) |