HEX #5C99A2 color — Breaker Bay
The color #5C99A2 is a light shade and slightly desaturated.
Palette
5C99A2 color palette from light to dark
HEX |
RGB |
HSL |
#eff5f6 |
rgb(239,245,246) |
hsl(188,28%,95%) |
#deebed |
rgb(222,235,237) |
hsl(188,28%,90%) |
#cee1e3 |
rgb(206,225,227) |
hsl(188,28%,85%) |
#bed6da |
rgb(190,214,218) |
hsl(188,28%,80%) |
#adccd1 |
rgb(173,204,209) |
hsl(188,28%,75%) |
#9dc2c8 |
rgb(157,194,200) |
hsl(188,28%,70%) |
#8db8bf |
rgb(141,184,191) |
hsl(188,28%,65%) |
#7caeb6 |
rgb(124,174,182) |
hsl(188,28%,60%) |
#6ca4ac |
rgb(108,164,172) |
hsl(188,28%,55%) |
#5c9aa3 |
rgb(92,154,163) |
hsl(188,28%,50%) |
#538a93 |
rgb(83,138,147) |
hsl(188,28%,45%) |
#497b83 |
rgb(73,123,131) |
hsl(188,28%,40%) |
#406c72 |
rgb(64,108,114) |
hsl(188,28%,35%) |
#375c62 |
rgb(55,92,98) |
hsl(188,28%,30%) |
#2e4d52 |
rgb(46,77,82) |
hsl(188,28%,25%) |
#253d41 |
rgb(37,61,65) |
hsl(188,28%,20%) |
#1c2e31 |
rgb(28,46,49) |
hsl(188,28%,15%) |
#121f21 |
rgb(18,31,33) |
hsl(188,28%,10%) |
#090f10 |
rgb(9,15,16) |
hsl(188,28%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5CA37C |
rgb(92,163,124) |
hsl(147,28%,50%) |
#5C99A2 |
rgb(92,153,162) |
hsl(188,28%,50%) |
#5C6BA2 |
rgb(92,107,162) |
hsl(227,28%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FBABF |
rgb(143,186,191) |
hsl(186,27%,65%) |
#75A8B1 |
rgb(117,168,177) |
hsl(189,28%,58%) |
#5C99A2 |
rgb(92,153,162) |
hsl(188,28%,50%) |
#4D8088 |
rgb(77,128,136) |
hsl(188,28%,42%) |
#3E696E |
rgb(62,105,110) |
hsl(186,28%,34%) |
#2F4F54 |
rgb(47,79,84) |
hsl(188,28%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5C99A2 |
rgb(92,153,162) |
hsl(188,28%,50%) |
#A25C76 |
rgb(162,92,118) |
hsl(338,28%,50%) |
#A2875C |
rgb(162,135,92) |
hsl(37,28%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5C99A2 |
rgb(92,153,162) |
hsl(188,28%,50%) |
#A2665C |
rgb(162,102,92) |
hsl(9,28%,50%) |
#5CA388 |
rgb(92,163,136) |
hsl(157,28%,50%) |
#A2875C |
rgb(162,135,92) |
hsl(37,28%,50%) |