HEX #5BA3FF color — Malibu

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

Color codes

copy icon
copy icon
copy icon

Palette

5BA3FF 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
#5BFFED rgb(91,255,237) hsl(173,100%,68%)
#5BA3FF rgb(91,163,255) hsl(214,100%,68%)
#805CFF rgb(128,92,255) hsl(253,100%,68%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#C9E0FF rgb(201,224,255) hsl(214,100%,89%)
#92C2FF rgb(146,194,255) hsl(214,100%,79%)
#5BA3FF rgb(91,163,255) hsl(214,100%,68%)
#2385FF rgb(35,133,255) hsl(213,100%,57%)
#0069EB rgb(0,105,235) hsl(213,100%,46%)

Triad color palettes

HEX RGB HSL
#5BA3FF rgb(91,163,255) hsl(214,100%,68%)
#FF665B rgb(255,102,91) hsl(4,100%,68%)
#F5FF5B rgb(245,255,91) hsl(64,100%,68%)

Tetrad color palettes

HEX RGB HSL
#5BA3FF rgb(91,163,255) hsl(214,100%,68%)
#FFB85B rgb(255,184,91) hsl(34,100%,68%)
#5BF5FF rgb(91,245,255) hsl(184,100%,68%)
#F5FF5B rgb(245,255,91) hsl(64,100%,68%)