HEX #57A5FF color — Malibu

The color #57a5ff is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

57a5ff color palette from light to dark

HEX RGB HSL
#f0f7ff rgb(240,247,255) hsl(212,100%,97%)
#d6e9ff rgb(214,233,255) hsl(212,100%,92%)
#bddcff rgb(189,220,255) hsl(212,100%,87%)
#a3ceff rgb(163,206,255) hsl(212,100%,82%)
#8ac0ff rgb(138,192,255) hsl(212,100%,77%)
#70b3ff rgb(112,179,255) hsl(212,100%,72%)
#57a5ff rgb(87,165,255) hsl(212,100%,67%)
#3d98ff rgb(61,152,255) hsl(212,100%,62%)
#248aff rgb(36,138,255) hsl(212,100%,57%)
#0a7cff rgb(10,124,255) hsl(212,100%,52%)
#0070f0 rgb(0,112,240) hsl(212,100%,47%)
#0064d6 rgb(0,100,214) hsl(212,100%,42%)
#0058bd rgb(0,88,189) hsl(212,100%,37%)
#004ca3 rgb(0,76,163) hsl(212,100%,32%)
#00408a rgb(0,64,138) hsl(212,100%,27%)
#003470 rgb(0,52,112) hsl(212,100%,22%)
#002857 rgb(0,40,87) hsl(212,100%,17%)
#001d3d rgb(0,29,61) hsl(212,100%,12%)
#001124 rgb(0,17,36) hsl(212,100%,7%)
#00050a rgb(0,5,10) hsl(212,100%,2%)

Adjacent colors

HEX RGB HSL
#57FFE9 rgb(87,255,233) hsl(172,100%,67%)
#57A5FF rgb(87,165,255) hsl(212,100%,67%)
#7957FF rgb(121,87,255) hsl(252,100%,67%)

Monochromatic colors

HEX RGB HSL
#FBFCFF rgb(251,252,255) hsl(225,100%,99%)
#C4E0FF rgb(196,224,255) hsl(212,100%,88%)
#8DC2FF rgb(141,194,255) hsl(212,100%,78%)
#57A5FF rgb(87,165,255) hsl(212,100%,67%)
#2087FF rgb(32,135,255) hsl(212,100%,56%)
#006BE8 rgb(0,107,232) hsl(212,100%,45%)

Triad color palettes

HEX RGB HSL
#57A5FF rgb(87,165,255) hsl(212,100%,67%)
#FF5C57 rgb(255,92,87) hsl(2,100%,67%)
#F9FF57 rgb(249,255,87) hsl(62,100%,67%)

Tetrad color palettes

HEX RGB HSL
#57A5FF rgb(87,165,255) hsl(212,100%,67%)
#FFB057 rgb(255,176,87) hsl(32,100%,67%)
#57FAFF rgb(87,250,255) hsl(182,100%,67%)
#F9FF57 rgb(249,255,87) hsl(62,100%,67%)