HEX #568CA8 color — Horizon
The color #568CA8 is a light shade and slightly desaturated.
Palette
568CA8 color palette from light to dark
HEX |
RGB |
HSL |
#eef4f6 |
rgb(238,244,246) |
hsl(200,32%,95%) |
#dde8ee |
rgb(221,232,238) |
hsl(200,32%,90%) |
#cddde5 |
rgb(205,221,229) |
hsl(200,32%,85%) |
#bcd1dc |
rgb(188,209,220) |
hsl(200,32%,80%) |
#abc6d4 |
rgb(171,198,212) |
hsl(200,32%,75%) |
#9abbcb |
rgb(154,187,203) |
hsl(200,32%,70%) |
#89afc2 |
rgb(137,175,194) |
hsl(200,32%,65%) |
#78a4ba |
rgb(120,164,186) |
hsl(200,32%,60%) |
#6898b1 |
rgb(104,152,177) |
hsl(200,32%,55%) |
#578da8 |
rgb(87,141,168) |
hsl(200,32%,50%) |
#4e7f97 |
rgb(78,127,151) |
hsl(200,32%,45%) |
#457187 |
rgb(69,113,135) |
hsl(200,32%,40%) |
#3d6376 |
rgb(61,99,118) |
hsl(200,32%,35%) |
#345565 |
rgb(52,85,101) |
hsl(200,32%,30%) |
#2b4754 |
rgb(43,71,84) |
hsl(200,32%,25%) |
#233843 |
rgb(35,56,67) |
hsl(200,32%,20%) |
#1a2a32 |
rgb(26,42,50) |
hsl(200,32%,15%) |
#111c22 |
rgb(17,28,34) |
hsl(200,32%,10%) |
#090e11 |
rgb(9,14,17) |
hsl(200,32%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A88D |
rgb(86,168,141) |
hsl(160,32%,50%) |
#568CA8 |
rgb(86,140,168) |
hsl(200,32%,50%) |
#5657A8 |
rgb(86,87,168) |
hsl(239,32%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BB0C3 |
rgb(139,176,195) |
hsl(200,32%,65%) |
#709EB6 |
rgb(112,158,182) |
hsl(201,32%,58%) |
#568CA8 |
rgb(86,140,168) |
hsl(200,32%,50%) |
#48758D |
rgb(72,117,141) |
hsl(201,32%,42%) |
#3A5E72 |
rgb(58,94,114) |
hsl(201,33%,34%) |
#2C4A57 |
rgb(44,74,87) |
hsl(198,33%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#568CA8 |
rgb(86,140,168) |
hsl(200,32%,50%) |
#A85763 |
rgb(168,87,99) |
hsl(351,32%,50%) |
#A89C56 |
rgb(168,156,86) |
hsl(51,32%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#568CA8 |
rgb(86,140,168) |
hsl(200,32%,50%) |
#A87356 |
rgb(168,115,86) |
hsl(21,32%,50%) |
#56A89B |
rgb(86,168,155) |
hsl(170,32%,50%) |
#A89C56 |
rgb(168,156,86) |
hsl(51,32%,50%) |