HEX #87ABF2 color — Jordy Blue
The color #87ABF2 is a light shade and slightly desaturated.
Palette
87ABF2 color palette from light to dark
HEX |
RGB |
HSL |
#fafcfe |
rgb(250,252,254) |
hsl(220,80%,99%) |
#e3ecfc |
rgb(227,236,252) |
hsl(220,80%,94%) |
#cddbf9 |
rgb(205,219,249) |
hsl(220,80%,89%) |
#b6cbf7 |
rgb(182,203,247) |
hsl(220,80%,84%) |
#9fbbf4 |
rgb(159,187,244) |
hsl(220,80%,79%) |
#88abf2 |
rgb(136,171,242) |
hsl(220,80%,74%) |
#719bef |
rgb(113,155,239) |
hsl(220,80%,69%) |
#5a8bed |
rgb(90,139,237) |
hsl(220,80%,64%) |
#437bea |
rgb(67,123,234) |
hsl(220,80%,59%) |
#2c6ae8 |
rgb(44,106,232) |
hsl(220,80%,54%) |
#195ce1 |
rgb(25,92,225) |
hsl(220,80%,49%) |
#1652ca |
rgb(22,82,202) |
hsl(220,80%,44%) |
#1449b3 |
rgb(20,73,179) |
hsl(220,80%,39%) |
#11409c |
rgb(17,64,156) |
hsl(220,80%,34%) |
#0f3685 |
rgb(15,54,133) |
hsl(220,80%,29%) |
#0c2d6e |
rgb(12,45,110) |
hsl(220,80%,24%) |
#0a2457 |
rgb(10,36,87) |
hsl(220,80%,19%) |
#071a40 |
rgb(7,26,64) |
hsl(220,80%,14%) |
#051129 |
rgb(5,17,41) |
hsl(220,80%,9%) |
#020712 |
rgb(2,7,18) |
hsl(220,80%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#87F2F1 |
rgb(135,242,241) |
hsl(179,80%,74%) |
#87ABF2 |
rgb(135,171,242) |
hsl(220,80%,74%) |
#AA87F2 |
rgb(170,135,242) |
hsl(260,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%) |
#BDD1F7 |
rgb(189,209,247) |
hsl(219,78%,85%) |
#87ABF2 |
rgb(135,171,242) |
hsl(220,80%,74%) |
#5085EC |
rgb(80,133,236) |
hsl(220,80%,62%) |
#1A5EE6 |
rgb(26,94,230) |
hsl(220,80%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#87ABF2 |
rgb(135,171,242) |
hsl(220,80%,74%) |
#F29987 |
rgb(242,153,135) |
hsl(10,80%,74%) |
#E0F287 |
rgb(224,242,135) |
hsl(70,80%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#87ABF2 |
rgb(135,171,242) |
hsl(220,80%,74%) |
#F2CF87 |
rgb(242,207,135) |
hsl(40,80%,74%) |
#87E0F2 |
rgb(135,224,242) |
hsl(190,80%,74%) |
#E0F287 |
rgb(224,242,135) |
hsl(70,80%,74%) |