HEX #5C99A3 color — Breaker Bay
The color #5C99A3 is a light shade and slightly desaturated.
Palette
5C99A3 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 |
#5CA37D |
rgb(92,163,125) |
hsl(148,28%,50%) |
#5C99A3 |
rgb(92,153,163) |
hsl(188,28%,50%) |
#5C69A3 |
rgb(92,105,163) |
hsl(229,28%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90BAC0 |
rgb(144,186,192) |
hsl(188,28%,66%) |
#76A8B1 |
rgb(118,168,177) |
hsl(189,27%,58%) |
#5C99A3 |
rgb(92,153,163) |
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 |
#5C99A3 |
rgb(92,153,163) |
hsl(188,28%,50%) |
#A35C75 |
rgb(163,92,117) |
hsl(339,28%,50%) |
#A38A5C |
rgb(163,138,92) |
hsl(39,28%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5C99A3 |
rgb(92,153,163) |
hsl(188,28%,50%) |
#A3665C |
rgb(163,102,92) |
hsl(8,28%,50%) |
#5CA389 |
rgb(92,163,137) |
hsl(158,28%,50%) |
#A38A5C |
rgb(163,138,92) |
hsl(39,28%,50%) |