HEX #8A9EF2 color — Portage
The color #8A9EF2 is a light shade and slightly desaturated.
Palette
8A9EF2 color palette from light to dark
HEX |
RGB |
HSL |
#e8ecfc |
rgb(232,236,252) |
hsl(228,80%,95%) |
#d1d9fa |
rgb(209,217,250) |
hsl(228,80%,90%) |
#bac6f7 |
rgb(186,198,247) |
hsl(228,80%,85%) |
#a3b4f5 |
rgb(163,180,245) |
hsl(228,80%,80%) |
#8ca1f2 |
rgb(140,161,242) |
hsl(228,80%,75%) |
#758ef0 |
rgb(117,142,240) |
hsl(228,80%,70%) |
#5e7bed |
rgb(94,123,237) |
hsl(228,80%,65%) |
#4768eb |
rgb(71,104,235) |
hsl(228,80%,60%) |
#3055e8 |
rgb(48,85,232) |
hsl(228,80%,55%) |
#1a42e6 |
rgb(26,66,230) |
hsl(228,80%,50%) |
#173ccf |
rgb(23,60,207) |
hsl(228,80%,45%) |
#1435b8 |
rgb(20,53,184) |
hsl(228,80%,40%) |
#122ea1 |
rgb(18,46,161) |
hsl(228,80%,35%) |
#0f288a |
rgb(15,40,138) |
hsl(228,80%,30%) |
#0d2173 |
rgb(13,33,115) |
hsl(228,80%,25%) |
#0a1b5c |
rgb(10,27,92) |
hsl(228,80%,20%) |
#081445 |
rgb(8,20,69) |
hsl(228,80%,15%) |
#050d2e |
rgb(5,13,46) |
hsl(228,80%,10%) |
#030717 |
rgb(3,7,23) |
hsl(228,80%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#8AE3F2 |
rgb(138,227,242) |
hsl(189,80%,75%) |
#8A9EF2 |
rgb(138,158,242) |
hsl(228,80%,75%) |
#BB8AF2 |
rgb(187,138,242) |
hsl(268,80%,75%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F7FAFE |
rgb(247,250,254) |
hsl(214,78%,98%) |
#C0CCF8 |
rgb(192,204,248) |
hsl(227,80%,86%) |
#8A9EF2 |
rgb(138,158,242) |
hsl(228,80%,75%) |
#5370EB |
rgb(83,112,235) |
hsl(229,79%,62%) |
#1C42E5 |
rgb(28,66,229) |
hsl(229,79%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#8A9EF2 |
rgb(138,158,242) |
hsl(228,80%,75%) |
#F2AB8A |
rgb(242,171,138) |
hsl(19,80%,75%) |
#D2F28A |
rgb(210,242,138) |
hsl(78,80%,75%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#8A9EF2 |
rgb(138,158,242) |
hsl(228,80%,75%) |
#F2DE8A |
rgb(242,222,138) |
hsl(48,80%,75%) |
#8AD1F2 |
rgb(138,209,242) |
hsl(199,80%,75%) |
#D2F28A |
rgb(210,242,138) |
hsl(78,80%,75%) |