HEX #70BDF0 color — Jordy Blue
The color #70bdf0 is a light shade and moderately saturated.
Palette
70bdf0 color palette from light to dark
HEX |
RGB |
HSL |
#fafdff |
rgb(250,253,255) |
hsl(204,81%,99%) |
#e3f2fc |
rgb(227,242,252) |
hsl(204,81%,94%) |
#cce7fa |
rgb(204,231,250) |
hsl(204,81%,89%) |
#b5ddf7 |
rgb(181,221,247) |
hsl(204,81%,84%) |
#9ed2f5 |
rgb(158,210,245) |
hsl(204,81%,79%) |
#87c7f2 |
rgb(135,199,242) |
hsl(204,81%,74%) |
#70bdf0 |
rgb(112,189,240) |
hsl(204,81%,69%) |
#59b2ee |
rgb(89,178,238) |
hsl(204,81%,64%) |
#42a7eb |
rgb(66,167,235) |
hsl(204,81%,59%) |
#2b9de9 |
rgb(43,157,233) |
hsl(204,81%,54%) |
#1891e2 |
rgb(24,145,226) |
hsl(204,81%,49%) |
#1582cb |
rgb(21,130,203) |
hsl(204,81%,44%) |
#1374b4 |
rgb(19,116,180) |
hsl(204,81%,39%) |
#10659d |
rgb(16,101,157) |
hsl(204,81%,34%) |
#0e5686 |
rgb(14,86,134) |
hsl(204,81%,29%) |
#0c476f |
rgb(12,71,111) |
hsl(204,81%,24%) |
#093858 |
rgb(9,56,88) |
hsl(204,81%,19%) |
#072941 |
rgb(7,41,65) |
hsl(204,81%,14%) |
#041b2a |
rgb(4,27,42) |
hsl(204,81%,9%) |
#020c12 |
rgb(2,12,18) |
hsl(204,81%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#70F0CD |
rgb(112,240,205) |
hsl(164,81%,69%) |
#70BDF0 |
rgb(112,189,240) |
hsl(204,81%,69%) |
#7870F0 |
rgb(120,112,240) |
hsl(244,81%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D5EDFA |
rgb(213,237,250) |
hsl(201,79%,91%) |
#A2D4F5 |
rgb(162,212,245) |
hsl(204,81%,80%) |
#70BDF0 |
rgb(112,189,240) |
hsl(204,81%,69%) |
#3DA6EA |
rgb(61,166,234) |
hsl(204,80%,58%) |
#168CD8 |
rgb(22,140,216) |
hsl(204,82%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#70BDF0 |
rgb(112,189,240) |
hsl(204,81%,69%) |
#F0707D |
rgb(240,112,125) |
hsl(354,81%,69%) |
#F0E370 |
rgb(240,227,112) |
hsl(54,81%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#70BDF0 |
rgb(112,189,240) |
hsl(204,81%,69%) |
#F0A370 |
rgb(240,163,112) |
hsl(24,81%,69%) |
#70F0E3 |
rgb(112,240,227) |
hsl(174,81%,69%) |
#F0E370 |
rgb(240,227,112) |
hsl(54,81%,69%) |