HEX #5B96A2 color — Breaker Bay
The color #5B96A2 is a light shade and slightly desaturated.
Palette
5B96A2 color palette from light to dark
HEX |
RGB |
HSL |
#eff5f6 |
rgb(239,245,246) |
hsl(190,28%,95%) |
#deeaed |
rgb(222,234,237) |
hsl(190,28%,90%) |
#cee0e3 |
rgb(206,224,227) |
hsl(190,28%,85%) |
#bed6da |
rgb(190,214,218) |
hsl(190,28%,80%) |
#adcbd1 |
rgb(173,203,209) |
hsl(190,28%,75%) |
#9dc1c8 |
rgb(157,193,200) |
hsl(190,28%,70%) |
#8db6bf |
rgb(141,182,191) |
hsl(190,28%,65%) |
#7cacb6 |
rgb(124,172,182) |
hsl(190,28%,60%) |
#6ca2ac |
rgb(108,162,172) |
hsl(190,28%,55%) |
#5c97a3 |
rgb(92,151,163) |
hsl(190,28%,50%) |
#538893 |
rgb(83,136,147) |
hsl(190,28%,45%) |
#497983 |
rgb(73,121,131) |
hsl(190,28%,40%) |
#406a72 |
rgb(64,106,114) |
hsl(190,28%,35%) |
#375b62 |
rgb(55,91,98) |
hsl(190,28%,30%) |
#2e4c52 |
rgb(46,76,82) |
hsl(190,28%,25%) |
#253d41 |
rgb(37,61,65) |
hsl(190,28%,20%) |
#1c2d31 |
rgb(28,45,49) |
hsl(190,28%,15%) |
#121e21 |
rgb(18,30,33) |
hsl(190,28%,10%) |
#090f10 |
rgb(9,15,16) |
hsl(190,28%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BA37E |
rgb(91,163,126) |
hsl(149,28%,50%) |
#5B96A2 |
rgb(91,150,162) |
hsl(190,28%,50%) |
#5B66A2 |
rgb(91,102,162) |
hsl(231,28%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EB8BF |
rgb(142,184,191) |
hsl(189,28%,65%) |
#74A6B1 |
rgb(116,166,177) |
hsl(191,28%,57%) |
#5B96A2 |
rgb(91,150,162) |
hsl(190,28%,50%) |
#4C7D88 |
rgb(76,125,136) |
hsl(191,28%,42%) |
#3D666E |
rgb(61,102,110) |
hsl(190,29%,34%) |
#2F4F54 |
rgb(47,79,84) |
hsl(188,28%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B96A2 |
rgb(91,150,162) |
hsl(190,28%,50%) |
#A25C72 |
rgb(162,92,114) |
hsl(341,28%,50%) |
#A28A5B |
rgb(162,138,91) |
hsl(40,28%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B96A2 |
rgb(91,150,162) |
hsl(190,28%,50%) |
#A2665B |
rgb(162,102,91) |
hsl(9,28%,50%) |
#5BA38A |
rgb(91,163,138) |
hsl(159,28%,50%) |
#A28A5B |
rgb(162,138,91) |
hsl(40,28%,50%) |