HEX #8CA6F0 color — Portage
The color #8CA6F0 is a light shade and slightly desaturated.
Palette
8CA6F0 color palette from light to dark
HEX |
RGB |
HSL |
#e8eefc |
rgb(232,238,252) |
hsl(224,77%,95%) |
#d2dcf9 |
rgb(210,220,249) |
hsl(224,77%,90%) |
#bbcbf6 |
rgb(187,203,246) |
hsl(224,77%,85%) |
#a5baf3 |
rgb(165,186,243) |
hsl(224,77%,80%) |
#8ea8f0 |
rgb(142,168,240) |
hsl(224,77%,75%) |
#7897ed |
rgb(120,151,237) |
hsl(224,77%,70%) |
#6186ea |
rgb(97,134,234) |
hsl(224,77%,65%) |
#4a74e8 |
rgb(74,116,232) |
hsl(224,77%,60%) |
#3463e5 |
rgb(52,99,229) |
hsl(224,77%,55%) |
#1d52e2 |
rgb(29,82,226) |
hsl(224,77%,50%) |
#1a4acb |
rgb(26,74,203) |
hsl(224,77%,45%) |
#1741b5 |
rgb(23,65,181) |
hsl(224,77%,40%) |
#15399e |
rgb(21,57,158) |
hsl(224,77%,35%) |
#123187 |
rgb(18,49,135) |
hsl(224,77%,30%) |
#0f2971 |
rgb(15,41,113) |
hsl(224,77%,25%) |
#0c215a |
rgb(12,33,90) |
hsl(224,77%,20%) |
#091944 |
rgb(9,25,68) |
hsl(224,77%,15%) |
#06102d |
rgb(6,16,45) |
hsl(224,77%,10%) |
#030817 |
rgb(3,8,23) |
hsl(224,77%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#8CE8F0 |
rgb(140,232,240) |
hsl(185,77%,75%) |
#8CA6F0 |
rgb(140,166,240) |
hsl(224,77%,75%) |
#B48CF0 |
rgb(180,140,240) |
hsl(264,77%,75%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F7FAFE |
rgb(247,250,254) |
hsl(214,78%,98%) |
#C1CFF7 |
rgb(193,207,247) |
hsl(224,77%,86%) |
#8CA6F0 |
rgb(140,166,240) |
hsl(224,77%,75%) |
#567DE8 |
rgb(86,125,232) |
hsl(224,76%,62%) |
#2052E1 |
rgb(32,82,225) |
hsl(224,76%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#8CA6F0 |
rgb(140,166,240) |
hsl(224,77%,75%) |
#F0A38C |
rgb(240,163,140) |
hsl(14,77%,75%) |
#D8F08C |
rgb(216,240,140) |
hsl(74,77%,75%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#8CA6F0 |
rgb(140,166,240) |
hsl(224,77%,75%) |
#F0D68C |
rgb(240,214,140) |
hsl(44,77%,75%) |
#8CD9F0 |
rgb(140,217,240) |
hsl(194,77%,75%) |
#D8F08C |
rgb(216,240,140) |
hsl(74,77%,75%) |