HEX #5AD1F2 color — Malibu
The color #5ad1f2 is a light shade and moderately saturated.
Palette
5ad1f2 color palette from light to dark
HEX |
RGB |
HSL |
#e7f8fd |
rgb(231,248,253) |
hsl(193,85%,95%) |
#d0f2fb |
rgb(208,242,251) |
hsl(193,85%,90%) |
#b8ebf9 |
rgb(184,235,249) |
hsl(193,85%,85%) |
#a1e5f7 |
rgb(161,229,247) |
hsl(193,85%,80%) |
#89def5 |
rgb(137,222,245) |
hsl(193,85%,75%) |
#71d7f4 |
rgb(113,215,244) |
hsl(193,85%,70%) |
#5ad1f2 |
rgb(90,209,242) |
hsl(193,85%,65%) |
#42caf0 |
rgb(66,202,240) |
hsl(193,85%,60%) |
#2bc4ee |
rgb(43,196,238) |
hsl(193,85%,55%) |
#13bdec |
rgb(19,189,236) |
hsl(193,85%,50%) |
#11aad4 |
rgb(17,170,212) |
hsl(193,85%,45%) |
#0f97bd |
rgb(15,151,189) |
hsl(193,85%,40%) |
#0d84a5 |
rgb(13,132,165) |
hsl(193,85%,35%) |
#0b718e |
rgb(11,113,142) |
hsl(193,85%,30%) |
#0a5e76 |
rgb(10,94,118) |
hsl(193,85%,25%) |
#084c5e |
rgb(8,76,94) |
hsl(193,85%,20%) |
#063947 |
rgb(6,57,71) |
hsl(193,85%,15%) |
#04262f |
rgb(4,38,47) |
hsl(193,85%,10%) |
#021318 |
rgb(2,19,24) |
hsl(193,85%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AF2AD |
rgb(90,242,173) |
hsl(153,85%,65%) |
#5AD1F2 |
rgb(90,209,242) |
hsl(193,85%,65%) |
#5A6BF2 |
rgb(90,107,242) |
hsl(233,85%,65%) |
Monochromatic colors
HEX |
RGB |
HSL |
#EDFAFD |
rgb(237,250,253) |
hsl(191,80%,96%) |
#BCEDF9 |
rgb(188,237,249) |
hsl(192,84%,86%) |
#8BDEF5 |
rgb(139,222,245) |
hsl(193,84%,75%) |
#5AD1F2 |
rgb(90,209,242) |
hsl(193,85%,65%) |
#28C4EE |
rgb(40,196,238) |
hsl(193,85%,55%) |
#10A8D1 |
rgb(16,168,209) |
hsl(193,86%,44%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AD1F2 |
rgb(90,209,242) |
hsl(193,85%,65%) |
#F25985 |
rgb(242,89,133) |
hsl(343,85%,65%) |
#F2C75A |
rgb(242,199,90) |
hsl(43,85%,65%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AD1F2 |
rgb(90,209,242) |
hsl(193,85%,65%) |
#F27A5A |
rgb(242,122,90) |
hsl(13,85%,65%) |
#5AF2C7 |
rgb(90,242,199) |
hsl(163,85%,65%) |
#F2C75A |
rgb(242,199,90) |
hsl(43,85%,65%) |