HEX #5AD8F2 color — Malibu
The color #5ad8f2 is a light shade and moderately saturated.
Palette
5ad8f2 color palette from light to dark
HEX |
RGB |
HSL |
#e7f9fd |
rgb(231,249,253) |
hsl(190,85%,95%) |
#d0f4fb |
rgb(208,244,251) |
hsl(190,85%,90%) |
#b8eef9 |
rgb(184,238,249) |
hsl(190,85%,85%) |
#a1e9f7 |
rgb(161,233,247) |
hsl(190,85%,80%) |
#89e3f5 |
rgb(137,227,245) |
hsl(190,85%,75%) |
#71def4 |
rgb(113,222,244) |
hsl(190,85%,70%) |
#5ad8f2 |
rgb(90,216,242) |
hsl(190,85%,65%) |
#42d3f0 |
rgb(66,211,240) |
hsl(190,85%,60%) |
#2bcdee |
rgb(43,205,238) |
hsl(190,85%,55%) |
#13c8ec |
rgb(19,200,236) |
hsl(190,85%,50%) |
#11b4d4 |
rgb(17,180,212) |
hsl(190,85%,45%) |
#0fa0bd |
rgb(15,160,189) |
hsl(190,85%,40%) |
#0d8ca5 |
rgb(13,140,165) |
hsl(190,85%,35%) |
#0b788e |
rgb(11,120,142) |
hsl(190,85%,30%) |
#0a6476 |
rgb(10,100,118) |
hsl(190,85%,25%) |
#08505e |
rgb(8,80,94) |
hsl(190,85%,20%) |
#063c47 |
rgb(6,60,71) |
hsl(190,85%,15%) |
#04282f |
rgb(4,40,47) |
hsl(190,85%,10%) |
#021418 |
rgb(2,20,24) |
hsl(190,85%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AF2A6 |
rgb(90,242,166) |
hsl(150,85%,65%) |
#5AD8F2 |
rgb(90,216,242) |
hsl(190,85%,65%) |
#5A73F2 |
rgb(90,115,242) |
hsl(230,85%,65%) |
Monochromatic colors
HEX |
RGB |
HSL |
#EDFAFD |
rgb(237,250,253) |
hsl(191,80%,96%) |
#BCF0F9 |
rgb(188,240,249) |
hsl(189,84%,86%) |
#8BE3F5 |
rgb(139,227,245) |
hsl(190,84%,75%) |
#5AD8F2 |
rgb(90,216,242) |
hsl(190,85%,65%) |
#28CCEE |
rgb(40,204,238) |
hsl(190,85%,55%) |
#10B0D1 |
rgb(16,176,209) |
hsl(190,86%,44%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AD8F2 |
rgb(90,216,242) |
hsl(190,85%,65%) |
#F2598C |
rgb(242,89,140) |
hsl(340,85%,65%) |
#F2BF5A |
rgb(242,191,90) |
hsl(40,85%,65%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AD8F2 |
rgb(90,216,242) |
hsl(190,85%,65%) |
#F2735A |
rgb(242,115,90) |
hsl(10,85%,65%) |
#5AF2C0 |
rgb(90,242,192) |
hsl(160,85%,65%) |
#F2BF5A |
rgb(242,191,90) |
hsl(40,85%,65%) |