HEX #87BAF5 color — Jordy Blue
The color #87BAF5 is a light shade and slightly desaturated.
Palette
87BAF5 color palette from light to dark
HEX |
RGB |
HSL |
#e7f2fd |
rgb(231,242,253) |
hsl(212,85%,95%) |
#d0e4fb |
rgb(208,228,251) |
hsl(212,85%,90%) |
#b8d7f9 |
rgb(184,215,249) |
hsl(212,85%,85%) |
#a1c9f7 |
rgb(161,201,247) |
hsl(212,85%,80%) |
#89bcf5 |
rgb(137,188,245) |
hsl(212,85%,75%) |
#71aef4 |
rgb(113,174,244) |
hsl(212,85%,70%) |
#5aa1f2 |
rgb(90,161,242) |
hsl(212,85%,65%) |
#4293f0 |
rgb(66,147,240) |
hsl(212,85%,60%) |
#2b86ee |
rgb(43,134,238) |
hsl(212,85%,55%) |
#1378ec |
rgb(19,120,236) |
hsl(212,85%,50%) |
#116cd4 |
rgb(17,108,212) |
hsl(212,85%,45%) |
#0f60bd |
rgb(15,96,189) |
hsl(212,85%,40%) |
#0d54a5 |
rgb(13,84,165) |
hsl(212,85%,35%) |
#0b488e |
rgb(11,72,142) |
hsl(212,85%,30%) |
#0a3c76 |
rgb(10,60,118) |
hsl(212,85%,25%) |
#08305e |
rgb(8,48,94) |
hsl(212,85%,20%) |
#062447 |
rgb(6,36,71) |
hsl(212,85%,15%) |
#04182f |
rgb(4,24,47) |
hsl(212,85%,10%) |
#020c18 |
rgb(2,12,24) |
hsl(212,85%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#87F5E6 |
rgb(135,245,230) |
hsl(172,85%,75%) |
#87BAF5 |
rgb(135,186,245) |
hsl(212,85%,75%) |
#9D87F5 |
rgb(157,135,245) |
hsl(252,85%,75%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F7FAFE |
rgb(247,250,254) |
hsl(214,78%,98%) |
#BFDBF9 |
rgb(191,219,249) |
hsl(211,83%,86%) |
#87BAF5 |
rgb(135,186,245) |
hsl(212,85%,75%) |
#4E99F0 |
rgb(78,153,240) |
hsl(212,84%,62%) |
#167AEB |
rgb(22,122,235) |
hsl(212,84%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#87BAF5 |
rgb(135,186,245) |
hsl(212,85%,75%) |
#F58C87 |
rgb(245,140,135) |
hsl(3,85%,75%) |
#F1F587 |
rgb(241,245,135) |
hsl(62,85%,75%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#87BAF5 |
rgb(135,186,245) |
hsl(212,85%,75%) |
#F5C287 |
rgb(245,194,135) |
hsl(32,85%,75%) |
#87F2F5 |
rgb(135,242,245) |
hsl(182,85%,75%) |
#F1F587 |
rgb(241,245,135) |
hsl(62,85%,75%) |