HEX #5AB5F6 color — Malibu
The color #5ab5f6 is a light shade and moderately saturated.
Palette
5ab5f6 color palette from light to dark
HEX |
RGB |
HSL |
#ecf6fe |
rgb(236,246,254) |
hsl(205,90%,96%) |
#d3ebfd |
rgb(211,235,253) |
hsl(205,90%,91%) |
#bbe1fb |
rgb(187,225,251) |
hsl(205,90%,86%) |
#a3d6fa |
rgb(163,214,250) |
hsl(205,90%,81%) |
#8bcbf9 |
rgb(139,203,249) |
hsl(205,90%,76%) |
#72c0f8 |
rgb(114,192,248) |
hsl(205,90%,71%) |
#5ab5f6 |
rgb(90,181,246) |
hsl(205,90%,66%) |
#42aaf5 |
rgb(66,170,245) |
hsl(205,90%,61%) |
#2aa0f4 |
rgb(42,160,244) |
hsl(205,90%,56%) |
#1295f3 |
rgb(18,149,243) |
hsl(205,90%,51%) |
#0c87df |
rgb(12,135,223) |
hsl(205,90%,46%) |
#0a78c7 |
rgb(10,120,199) |
hsl(205,90%,41%) |
#096aae |
rgb(9,106,174) |
hsl(205,90%,36%) |
#085b96 |
rgb(8,91,150) |
hsl(205,90%,31%) |
#074c7e |
rgb(7,76,126) |
hsl(205,90%,26%) |
#053e66 |
rgb(5,62,102) |
hsl(205,90%,21%) |
#042f4e |
rgb(4,47,78) |
hsl(205,90%,16%) |
#032035 |
rgb(3,32,53) |
hsl(205,90%,11%) |
#02121d |
rgb(2,18,29) |
hsl(205,90%,6%) |
#000305 |
rgb(0,3,5) |
hsl(205,90%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AF5CF |
rgb(90,245,207) |
hsl(165,89%,66%) |
#5AB5F6 |
rgb(90,181,246) |
hsl(205,90%,66%) |
#6759F6 |
rgb(103,89,246) |
hsl(245,90%,66%) |
Monochromatic colors
HEX |
RGB |
HSL |
#F2FAFE |
rgb(242,250,254) |
hsl(200,86%,97%) |
#BFE3FB |
rgb(191,227,251) |
hsl(204,88%,87%) |
#8CCCF8 |
rgb(140,204,248) |
hsl(204,89%,76%) |
#5AB5F6 |
rgb(90,181,246) |
hsl(205,90%,66%) |
#279EF3 |
rgb(39,158,243) |
hsl(205,89%,55%) |
#0B82D8 |
rgb(11,130,216) |
hsl(205,90%,45%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AB5F6 |
rgb(90,181,246) |
hsl(205,90%,66%) |
#F65967 |
rgb(246,89,103) |
hsl(355,90%,66%) |
#F6E85A |
rgb(246,232,90) |
hsl(55,90%,66%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AB5F6 |
rgb(90,181,246) |
hsl(205,90%,66%) |
#F69C5A |
rgb(246,156,90) |
hsl(25,90%,66%) |
#5AF5E9 |
rgb(90,245,233) |
hsl(175,89%,66%) |
#F6E85A |
rgb(246,232,90) |
hsl(55,90%,66%) |