HEX #5AA6FC color — Malibu
The color #5AA6FC is a light shade and moderately saturated.
Palette
5AA6FC color palette from light to dark
HEX |
RGB |
HSL |
#f0f7ff |
rgb(240,247,255) |
hsl(212,96%,97%) |
#d7e9fe |
rgb(215,233,254) |
hsl(212,96%,92%) |
#bedcfe |
rgb(190,220,254) |
hsl(212,96%,87%) |
#a5cefd |
rgb(165,206,253) |
hsl(212,96%,82%) |
#8cc1fd |
rgb(140,193,253) |
hsl(212,96%,77%) |
#73b3fc |
rgb(115,179,252) |
hsl(212,96%,72%) |
#5aa5fc |
rgb(90,165,252) |
hsl(212,96%,67%) |
#4198fb |
rgb(65,152,251) |
hsl(212,96%,62%) |
#288afb |
rgb(40,138,251) |
hsl(212,96%,57%) |
#0f7dfa |
rgb(15,125,250) |
hsl(212,96%,52%) |
#0570eb |
rgb(5,112,235) |
hsl(212,96%,47%) |
#0464d2 |
rgb(4,100,210) |
hsl(212,96%,42%) |
#0458b9 |
rgb(4,88,185) |
hsl(212,96%,37%) |
#034ca0 |
rgb(3,76,160) |
hsl(212,96%,32%) |
#034087 |
rgb(3,64,135) |
hsl(212,96%,27%) |
#02356e |
rgb(2,53,110) |
hsl(212,96%,22%) |
#022955 |
rgb(2,41,85) |
hsl(212,96%,17%) |
#011d3c |
rgb(1,29,60) |
hsl(212,96%,12%) |
#011123 |
rgb(1,17,35) |
hsl(212,96%,7%) |
#00050a |
rgb(0,5,10) |
hsl(212,96%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AFCE6 |
rgb(90,252,230) |
hsl(172,96%,67%) |
#5AA6FC |
rgb(90,166,252) |
hsl(212,96%,67%) |
#7A59FC |
rgb(122,89,252) |
hsl(252,96%,67%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FBFCFE |
rgb(251,252,254) |
hsl(220,60%,99%) |
#C5E0FD |
rgb(197,224,253) |
hsl(211,93%,88%) |
#8FC2FC |
rgb(143,194,252) |
hsl(212,95%,77%) |
#5AA6FC |
rgb(90,166,252) |
hsl(212,96%,67%) |
#248AFB |
rgb(36,138,251) |
hsl(212,96%,56%) |
#046EE4 |
rgb(4,110,228) |
hsl(212,97%,45%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AA6FC |
rgb(90,166,252) |
hsl(212,96%,67%) |
#FC5E5A |
rgb(252,94,90) |
hsl(1,96%,67%) |
#F7FC5A |
rgb(247,252,90) |
hsl(62,96%,67%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AA6FC |
rgb(90,166,252) |
hsl(212,96%,67%) |
#FCB05A |
rgb(252,176,90) |
hsl(32,96%,67%) |
#5AF7FC |
rgb(90,247,252) |
hsl(182,96%,67%) |
#F7FC5A |
rgb(247,252,90) |
hsl(62,96%,67%) |