HEX #89BAF2 color — Jordy Blue
The color #89BAF2 is a light shade and slightly desaturated.
Palette
89BAF2 color palette from light to dark
HEX |
RGB |
HSL |
#fafcfe |
rgb(250,252,254) |
hsl(212,80%,99%) |
#e3effc |
rgb(227,239,252) |
hsl(212,80%,94%) |
#cde1f9 |
rgb(205,225,249) |
hsl(212,80%,89%) |
#b6d4f7 |
rgb(182,212,247) |
hsl(212,80%,84%) |
#9fc7f4 |
rgb(159,199,244) |
hsl(212,80%,79%) |
#88b9f2 |
rgb(136,185,242) |
hsl(212,80%,74%) |
#71acef |
rgb(113,172,239) |
hsl(212,80%,69%) |
#5a9eed |
rgb(90,158,237) |
hsl(212,80%,64%) |
#4391ea |
rgb(67,145,234) |
hsl(212,80%,59%) |
#2c83e8 |
rgb(44,131,232) |
hsl(212,80%,54%) |
#1976e1 |
rgb(25,118,225) |
hsl(212,80%,49%) |
#166aca |
rgb(22,106,202) |
hsl(212,80%,44%) |
#145eb3 |
rgb(20,94,179) |
hsl(212,80%,39%) |
#11529c |
rgb(17,82,156) |
hsl(212,80%,34%) |
#0f4685 |
rgb(15,70,133) |
hsl(212,80%,29%) |
#0c3a6e |
rgb(12,58,110) |
hsl(212,80%,24%) |
#0a2e57 |
rgb(10,46,87) |
hsl(212,80%,19%) |
#072240 |
rgb(7,34,64) |
hsl(212,80%,14%) |
#051629 |
rgb(5,22,41) |
hsl(212,80%,9%) |
#020a12 |
rgb(2,10,18) |
hsl(212,80%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#89F2E4 |
rgb(137,242,228) |
hsl(172,80%,74%) |
#89BAF2 |
rgb(137,186,242) |
hsl(212,80%,74%) |
#9E8AF2 |
rgb(158,138,242) |
hsl(252,80%,75%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F6FAFE |
rgb(246,250,254) |
hsl(210,80%,98%) |
#BFD9F8 |
rgb(191,217,248) |
hsl(213,80%,86%) |
#89BAF2 |
rgb(137,186,242) |
hsl(212,80%,74%) |
#5299EB |
rgb(82,153,235) |
hsl(212,79%,62%) |
#1B7AE5 |
rgb(27,122,229) |
hsl(212,80%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#89BAF2 |
rgb(137,186,242) |
hsl(212,80%,74%) |
#F28C89 |
rgb(242,140,137) |
hsl(2,80%,74%) |
#EEF289 |
rgb(238,242,137) |
hsl(62,80%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#89BAF2 |
rgb(137,186,242) |
hsl(212,80%,74%) |
#F2C289 |
rgb(242,194,137) |
hsl(33,80%,74%) |
#89F0F2 |
rgb(137,240,242) |
hsl(181,80%,74%) |
#EEF289 |
rgb(238,242,137) |
hsl(62,80%,74%) |