HEX #87A2F2 color — Portage
The color #87a2f2 is a light shade and slightly desaturated.
Palette
87a2f2 color palette from light to dark
HEX |
RGB |
HSL |
#fafbfe |
rgb(250,251,254) |
hsl(225,80%,99%) |
#e3eafc |
rgb(227,234,252) |
hsl(225,80%,94%) |
#cdd8f9 |
rgb(205,216,249) |
hsl(225,80%,89%) |
#b6c6f7 |
rgb(182,198,247) |
hsl(225,80%,84%) |
#9fb4f4 |
rgb(159,180,244) |
hsl(225,80%,79%) |
#88a2f2 |
rgb(136,162,242) |
hsl(225,80%,74%) |
#7190ef |
rgb(113,144,239) |
hsl(225,80%,69%) |
#5a7eed |
rgb(90,126,237) |
hsl(225,80%,64%) |
#436dea |
rgb(67,109,234) |
hsl(225,80%,59%) |
#2c5be8 |
rgb(44,91,232) |
hsl(225,80%,54%) |
#194be1 |
rgb(25,75,225) |
hsl(225,80%,49%) |
#1643ca |
rgb(22,67,202) |
hsl(225,80%,44%) |
#143cb3 |
rgb(20,60,179) |
hsl(225,80%,39%) |
#11349c |
rgb(17,52,156) |
hsl(225,80%,34%) |
#0f2c85 |
rgb(15,44,133) |
hsl(225,80%,29%) |
#0c256e |
rgb(12,37,110) |
hsl(225,80%,24%) |
#0a1d57 |
rgb(10,29,87) |
hsl(225,80%,19%) |
#071540 |
rgb(7,21,64) |
hsl(225,80%,14%) |
#050e29 |
rgb(5,14,41) |
hsl(225,80%,9%) |
#020612 |
rgb(2,6,18) |
hsl(225,80%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#87EBF2 |
rgb(135,235,242) |
hsl(184,80%,74%) |
#87A2F2 |
rgb(135,162,242) |
hsl(225,80%,74%) |
#B387F2 |
rgb(179,135,242) |
hsl(265,80%,74%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F3F7FD |
rgb(243,247,253) |
hsl(216,71%,97%) |
#BDCCF7 |
rgb(189,204,247) |
hsl(224,78%,85%) |
#87A2F2 |
rgb(135,162,242) |
hsl(225,80%,74%) |
#5078EC |
rgb(80,120,236) |
hsl(225,80%,62%) |
#1A4DE6 |
rgb(26,77,230) |
hsl(225,80%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#87A2F2 |
rgb(135,162,242) |
hsl(225,80%,74%) |
#F2A187 |
rgb(242,161,135) |
hsl(15,80%,74%) |
#D7F287 |
rgb(215,242,135) |
hsl(75,80%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#87A2F2 |
rgb(135,162,242) |
hsl(225,80%,74%) |
#F2D687 |
rgb(242,214,135) |
hsl(44,80%,74%) |
#87D9F2 |
rgb(135,217,242) |
hsl(194,80%,74%) |
#D7F287 |
rgb(215,242,135) |
hsl(75,80%,74%) |