HEX #5A96A2 color — Breaker Bay
The color #5A96A2 is a light shade and slightly desaturated.
Palette
5A96A2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(190,29%,99%) |
#ebf3f4 |
rgb(235,243,244) |
hsl(190,29%,94%) |
#dbe8eb |
rgb(219,232,235) |
hsl(190,29%,89%) |
#cadee2 |
rgb(202,222,226) |
hsl(190,29%,84%) |
#bad4d9 |
rgb(186,212,217) |
hsl(190,29%,79%) |
#a9cad0 |
rgb(169,202,208) |
hsl(190,29%,74%) |
#99bfc7 |
rgb(153,191,199) |
hsl(190,29%,69%) |
#89b5be |
rgb(137,181,190) |
hsl(190,29%,64%) |
#78abb5 |
rgb(120,171,181) |
hsl(190,29%,59%) |
#68a0ac |
rgb(104,160,172) |
hsl(190,29%,54%) |
#5995a1 |
rgb(89,149,161) |
hsl(190,29%,49%) |
#508691 |
rgb(80,134,145) |
hsl(190,29%,44%) |
#477780 |
rgb(71,119,128) |
hsl(190,29%,39%) |
#3e6770 |
rgb(62,103,112) |
hsl(190,29%,34%) |
#35585f |
rgb(53,88,95) |
hsl(190,29%,29%) |
#2b494f |
rgb(43,73,79) |
hsl(190,29%,24%) |
#223a3f |
rgb(34,58,63) |
hsl(190,29%,19%) |
#192b2e |
rgb(25,43,46) |
hsl(190,29%,14%) |
#101b1e |
rgb(16,27,30) |
hsl(190,29%,9%) |
#070c0d |
rgb(7,12,13) |
hsl(190,29%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AA37E |
rgb(90,163,126) |
hsl(150,29%,50%) |
#5A96A2 |
rgb(90,150,162) |
hsl(190,29%,49%) |
#5A66A2 |
rgb(90,102,162) |
hsl(230,29%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CB8BF |
rgb(140,184,191) |
hsl(188,28%,65%) |
#73A6B1 |
rgb(115,166,177) |
hsl(191,28%,57%) |
#5A96A2 |
rgb(90,150,162) |
hsl(190,29%,49%) |
#4B7D88 |
rgb(75,125,136) |
hsl(191,29%,41%) |
#3D666E |
rgb(61,102,110) |
hsl(190,29%,34%) |
#2E4F54 |
rgb(46,79,84) |
hsl(188,29%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A96A2 |
rgb(90,150,162) |
hsl(190,29%,49%) |
#A25972 |
rgb(162,89,114) |
hsl(339,29%,49%) |
#A28A5A |
rgb(162,138,90) |
hsl(40,29%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A96A2 |
rgb(90,150,162) |
hsl(190,29%,49%) |
#A2665A |
rgb(162,102,90) |
hsl(10,29%,49%) |
#5AA38A |
rgb(90,163,138) |
hsl(159,29%,50%) |
#A28A5A |
rgb(162,138,90) |
hsl(40,29%,49%) |