HEX #7EABF5 color — Jordy Blue
The color #7EABF5 is a light shade and slightly desaturated.
Palette
7EABF5 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(217,86%,98%) |
#deeafd |
rgb(222,234,253) |
hsl(217,86%,93%) |
#c6dafb |
rgb(198,218,251) |
hsl(217,86%,88%) |
#aecbf9 |
rgb(174,203,249) |
hsl(217,86%,83%) |
#97bcf7 |
rgb(151,188,247) |
hsl(217,86%,78%) |
#7facf5 |
rgb(127,172,245) |
hsl(217,86%,73%) |
#679df4 |
rgb(103,157,244) |
hsl(217,86%,68%) |
#508ef2 |
rgb(80,142,242) |
hsl(217,86%,63%) |
#387ef0 |
rgb(56,126,240) |
hsl(217,86%,58%) |
#206fee |
rgb(32,111,238) |
hsl(217,86%,53%) |
#1162e4 |
rgb(17,98,228) |
hsl(217,86%,48%) |
#0f58cc |
rgb(15,88,204) |
hsl(217,86%,43%) |
#0e4db4 |
rgb(14,77,180) |
hsl(217,86%,38%) |
#0c439d |
rgb(12,67,157) |
hsl(217,86%,33%) |
#0a3985 |
rgb(10,57,133) |
hsl(217,86%,28%) |
#082f6d |
rgb(8,47,109) |
hsl(217,86%,23%) |
#062555 |
rgb(6,37,85) |
hsl(217,86%,18%) |
#051a3e |
rgb(5,26,62) |
hsl(217,86%,13%) |
#031026 |
rgb(3,16,38) |
hsl(217,86%,8%) |
#01060e |
rgb(1,6,14) |
hsl(217,86%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#7EF5EF |
rgb(126,245,239) |
hsl(177,86%,73%) |
#7EABF5 |
rgb(126,171,245) |
hsl(217,86%,73%) |
#A07DF5 |
rgb(160,125,245) |
hsl(258,86%,73%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#ECF2FD |
rgb(236,242,253) |
hsl(219,81%,96%) |
#B5CFF9 |
rgb(181,207,249) |
hsl(217,85%,84%) |
#7EABF5 |
rgb(126,171,245) |
hsl(217,86%,73%) |
#4687F0 |
rgb(70,135,240) |
hsl(217,85%,61%) |
#1263EA |
rgb(18,99,234) |
hsl(218,86%,49%) |
Triad color palettes
HEX |
RGB |
HSL |
#7EABF5 |
rgb(126,171,245) |
hsl(217,86%,73%) |
#F58C7E |
rgb(245,140,126) |
hsl(7,86%,73%) |
#E6F57E |
rgb(230,245,126) |
hsl(68,86%,73%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7EABF5 |
rgb(126,171,245) |
hsl(217,86%,73%) |
#F5C77E |
rgb(245,199,126) |
hsl(37,86%,73%) |
#7EE6F5 |
rgb(126,230,245) |
hsl(188,86%,73%) |
#E6F57E |
rgb(230,245,126) |
hsl(68,86%,73%) |