HEX #5A99A2 color — Breaker Bay
The color #5A99A2 is a light shade and slightly desaturated.
Palette
5A99A2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(188,29%,99%) |
#ebf3f4 |
rgb(235,243,244) |
hsl(188,29%,94%) |
#dbe9eb |
rgb(219,233,235) |
hsl(188,29%,89%) |
#cadfe2 |
rgb(202,223,226) |
hsl(188,29%,84%) |
#bad5d9 |
rgb(186,213,217) |
hsl(188,29%,79%) |
#a9cbd0 |
rgb(169,203,208) |
hsl(188,29%,74%) |
#99c1c7 |
rgb(153,193,199) |
hsl(188,29%,69%) |
#89b7be |
rgb(137,183,190) |
hsl(188,29%,64%) |
#78adb5 |
rgb(120,173,181) |
hsl(188,29%,59%) |
#68a3ac |
rgb(104,163,172) |
hsl(188,29%,54%) |
#5998a1 |
rgb(89,152,161) |
hsl(188,29%,49%) |
#508891 |
rgb(80,136,145) |
hsl(188,29%,44%) |
#477980 |
rgb(71,121,128) |
hsl(188,29%,39%) |
#3e6970 |
rgb(62,105,112) |
hsl(188,29%,34%) |
#355a5f |
rgb(53,90,95) |
hsl(188,29%,29%) |
#2b4a4f |
rgb(43,74,79) |
hsl(188,29%,24%) |
#223b3f |
rgb(34,59,63) |
hsl(188,29%,19%) |
#192b2e |
rgb(25,43,46) |
hsl(188,29%,14%) |
#101c1e |
rgb(16,28,30) |
hsl(188,29%,9%) |
#070c0d |
rgb(7,12,13) |
hsl(188,29%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AA37B |
rgb(90,163,123) |
hsl(147,29%,50%) |
#5A99A2 |
rgb(90,153,162) |
hsl(188,29%,49%) |
#5A69A2 |
rgb(90,105,162) |
hsl(228,29%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CBABF |
rgb(140,186,191) |
hsl(186,28%,65%) |
#73A8B1 |
rgb(115,168,177) |
hsl(189,28%,57%) |
#5A99A2 |
rgb(90,153,162) |
hsl(188,29%,49%) |
#4B8088 |
rgb(75,128,136) |
hsl(188,29%,41%) |
#3D696E |
rgb(61,105,110) |
hsl(186,29%,34%) |
#2E4F54 |
rgb(46,79,84) |
hsl(188,29%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A99A2 |
rgb(90,153,162) |
hsl(188,29%,49%) |
#A25975 |
rgb(162,89,117) |
hsl(337,29%,49%) |
#A2875A |
rgb(162,135,90) |
hsl(38,29%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A99A2 |
rgb(90,153,162) |
hsl(188,29%,49%) |
#A2635A |
rgb(162,99,90) |
hsl(8,29%,49%) |
#5AA387 |
rgb(90,163,135) |
hsl(157,29%,50%) |
#A2875A |
rgb(162,135,90) |
hsl(38,29%,49%) |