HEX #5AD1F2 color — Malibu

The color #5ad1f2 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

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%)