HEX #5AA1FF color — Malibu

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

Color codes

copy icon
copy icon
copy icon

Palette

5AA1FF color palette from light to dark

HEX RGB HSL
#f5f9ff rgb(245,249,255) hsl(214,100%,98%)
#dbebff rgb(219,235,255) hsl(214,100%,93%)
#c2dcff rgb(194,220,255) hsl(214,100%,88%)
#a8ceff rgb(168,206,255) hsl(214,100%,83%)
#8fbfff rgb(143,191,255) hsl(214,100%,78%)
#75b1ff rgb(117,177,255) hsl(214,100%,73%)
#5ca3ff rgb(92,163,255) hsl(214,100%,68%)
#4294ff rgb(66,148,255) hsl(214,100%,63%)
#2986ff rgb(41,134,255) hsl(214,100%,58%)
#0f77ff rgb(15,119,255) hsl(214,100%,53%)
#006af5 rgb(0,106,245) hsl(214,100%,48%)
#005fdb rgb(0,95,219) hsl(214,100%,43%)
#0054c2 rgb(0,84,194) hsl(214,100%,38%)
#0049a8 rgb(0,73,168) hsl(214,100%,33%)
#003e8f rgb(0,62,143) hsl(214,100%,28%)
#003375 rgb(0,51,117) hsl(214,100%,23%)
#00285c rgb(0,40,92) hsl(214,100%,18%)
#001d42 rgb(0,29,66) hsl(214,100%,13%)
#001229 rgb(0,18,41) hsl(214,100%,8%)
#00070f rgb(0,7,15) hsl(214,100%,3%)

Adjacent colors

HEX RGB HSL
#5AFFEF rgb(90,255,239) hsl(174,100%,68%)
#5AA1FF rgb(90,161,255) hsl(214,100%,68%)
#8159FF rgb(129,89,255) hsl(254,100%,67%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#C8E0FF rgb(200,224,255) hsl(214,100%,89%)
#91BFFF rgb(145,191,255) hsl(215,100%,78%)
#5AA1FF rgb(90,161,255) hsl(214,100%,68%)
#2282FF rgb(34,130,255) hsl(214,100%,57%)
#0066EA rgb(0,102,234) hsl(214,100%,46%)

Triad color palettes

HEX RGB HSL
#5AA1FF rgb(90,161,255) hsl(214,100%,68%)
#FF665A rgb(255,102,90) hsl(4,100%,68%)
#F3FF5A rgb(243,255,90) hsl(64,100%,68%)

Tetrad color palettes

HEX RGB HSL
#5AA1FF rgb(90,161,255) hsl(214,100%,68%)
#FFB85A rgb(255,184,90) hsl(34,100%,68%)
#5AF2FF rgb(90,242,255) hsl(185,100%,68%)
#F3FF5A rgb(243,255,90) hsl(64,100%,68%)