HEX #70CAF0 color — Sky Blue
The color #70caf0 is a light shade and moderately saturated.
Palette
70caf0 color palette from light to dark
HEX |
RGB |
HSL |
#fafdff |
rgb(250,253,255) |
hsl(198,81%,99%) |
#e3f5fc |
rgb(227,245,252) |
hsl(198,81%,94%) |
#ccecfa |
rgb(204,236,250) |
hsl(198,81%,89%) |
#b5e3f7 |
rgb(181,227,247) |
hsl(198,81%,84%) |
#9edbf5 |
rgb(158,219,245) |
hsl(198,81%,79%) |
#87d2f2 |
rgb(135,210,242) |
hsl(198,81%,74%) |
#70caf0 |
rgb(112,202,240) |
hsl(198,81%,69%) |
#59c1ee |
rgb(89,193,238) |
hsl(198,81%,64%) |
#42b8eb |
rgb(66,184,235) |
hsl(198,81%,59%) |
#2bb0e9 |
rgb(43,176,233) |
hsl(198,81%,54%) |
#18a5e2 |
rgb(24,165,226) |
hsl(198,81%,49%) |
#1595cb |
rgb(21,149,203) |
hsl(198,81%,44%) |
#1384b4 |
rgb(19,132,180) |
hsl(198,81%,39%) |
#10739d |
rgb(16,115,157) |
hsl(198,81%,34%) |
#0e6286 |
rgb(14,98,134) |
hsl(198,81%,29%) |
#0c516f |
rgb(12,81,111) |
hsl(198,81%,24%) |
#094058 |
rgb(9,64,88) |
hsl(198,81%,19%) |
#072f41 |
rgb(7,47,65) |
hsl(198,81%,14%) |
#041e2a |
rgb(4,30,42) |
hsl(198,81%,9%) |
#020e12 |
rgb(2,14,18) |
hsl(198,81%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#70F0C0 |
rgb(112,240,192) |
hsl(158,81%,69%) |
#70CAF0 |
rgb(112,202,240) |
hsl(198,81%,69%) |
#7075F0 |
rgb(112,117,240) |
hsl(238,81%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D5F0FA |
rgb(213,240,250) |
hsl(196,79%,91%) |
#A2DEF5 |
rgb(162,222,245) |
hsl(197,81%,80%) |
#70CAF0 |
rgb(112,202,240) |
hsl(198,81%,69%) |
#3DB8EA |
rgb(61,184,234) |
hsl(197,80%,58%) |
#169ED8 |
rgb(22,158,216) |
hsl(198,82%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#70CAF0 |
rgb(112,202,240) |
hsl(198,81%,69%) |
#F0708A |
rgb(240,112,138) |
hsl(348,81%,69%) |
#F0D670 |
rgb(240,214,112) |
hsl(48,81%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#70CAF0 |
rgb(112,202,240) |
hsl(198,81%,69%) |
#F09670 |
rgb(240,150,112) |
hsl(18,81%,69%) |
#70F0D6 |
rgb(112,240,214) |
hsl(168,81%,69%) |
#F0D670 |
rgb(240,214,112) |
hsl(48,81%,69%) |