HEX #8EA5F0 color — Portage
The color #8ea5f0 is a light shade and slightly desaturated.
Palette
8ea5f0 color palette from light to dark
HEX |
RGB |
HSL |
#e8edfc |
rgb(232,237,252) |
hsl(226,77%,95%) |
#d2dbf9 |
rgb(210,219,249) |
hsl(226,77%,90%) |
#bbc9f6 |
rgb(187,201,246) |
hsl(226,77%,85%) |
#a5b7f3 |
rgb(165,183,243) |
hsl(226,77%,80%) |
#8ea5f0 |
rgb(142,165,240) |
hsl(226,77%,75%) |
#7893ed |
rgb(120,147,237) |
hsl(226,77%,70%) |
#6181ea |
rgb(97,129,234) |
hsl(226,77%,65%) |
#4a6fe8 |
rgb(74,111,232) |
hsl(226,77%,60%) |
#345de5 |
rgb(52,93,229) |
hsl(226,77%,55%) |
#1d4be2 |
rgb(29,75,226) |
hsl(226,77%,50%) |
#1a44cb |
rgb(26,68,203) |
hsl(226,77%,45%) |
#173cb5 |
rgb(23,60,181) |
hsl(226,77%,40%) |
#15359e |
rgb(21,53,158) |
hsl(226,77%,35%) |
#122d87 |
rgb(18,45,135) |
hsl(226,77%,30%) |
#0f2671 |
rgb(15,38,113) |
hsl(226,77%,25%) |
#0c1e5a |
rgb(12,30,90) |
hsl(226,77%,20%) |
#091744 |
rgb(9,23,68) |
hsl(226,77%,15%) |
#060f2d |
rgb(6,15,45) |
hsl(226,77%,10%) |
#030817 |
rgb(3,8,23) |
hsl(226,77%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#8EE6F0 |
rgb(142,230,240) |
hsl(186,77%,75%) |
#8EA5F0 |
rgb(142,165,240) |
hsl(226,77%,75%) |
#B88FF0 |
rgb(184,143,240) |
hsl(265,76%,75%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F9FAFE |
rgb(249,250,254) |
hsl(228,71%,99%) |
#C3D1F7 |
rgb(195,209,247) |
hsl(224,76%,87%) |
#8EA5F0 |
rgb(142,165,240) |
hsl(226,77%,75%) |
#587AE8 |
rgb(88,122,232) |
hsl(226,76%,63%) |
#224FE1 |
rgb(34,79,225) |
hsl(226,76%,51%) |
Triad color palettes
HEX |
RGB |
HSL |
#8EA5F0 |
rgb(142,165,240) |
hsl(226,77%,75%) |
#F0A88E |
rgb(240,168,142) |
hsl(16,77%,75%) |
#D6F08E |
rgb(214,240,142) |
hsl(76,77%,75%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#8EA5F0 |
rgb(142,165,240) |
hsl(226,77%,75%) |
#F0D98E |
rgb(240,217,142) |
hsl(46,77%,75%) |
#8ED6F0 |
rgb(142,214,240) |
hsl(196,77%,75%) |
#D6F08E |
rgb(214,240,142) |
hsl(76,77%,75%) |