HEX #5B9EA2 color — Breaker Bay
The color #5B9EA2 is a light shade and slightly desaturated.
Palette
5B9EA2 color palette from light to dark
HEX |
RGB |
HSL |
#eff5f6 |
rgb(239,245,246) |
hsl(183,28%,95%) |
#deeced |
rgb(222,236,237) |
hsl(183,28%,90%) |
#cee2e3 |
rgb(206,226,227) |
hsl(183,28%,85%) |
#bed9da |
rgb(190,217,218) |
hsl(183,28%,80%) |
#adcfd1 |
rgb(173,207,209) |
hsl(183,28%,75%) |
#9dc6c8 |
rgb(157,198,200) |
hsl(183,28%,70%) |
#8dbcbf |
rgb(141,188,191) |
hsl(183,28%,65%) |
#7cb3b6 |
rgb(124,179,182) |
hsl(183,28%,60%) |
#6ca9ac |
rgb(108,169,172) |
hsl(183,28%,55%) |
#5ca0a3 |
rgb(92,160,163) |
hsl(183,28%,50%) |
#539093 |
rgb(83,144,147) |
hsl(183,28%,45%) |
#498083 |
rgb(73,128,131) |
hsl(183,28%,40%) |
#407072 |
rgb(64,112,114) |
hsl(183,28%,35%) |
#376062 |
rgb(55,96,98) |
hsl(183,28%,30%) |
#2e5052 |
rgb(46,80,82) |
hsl(183,28%,25%) |
#254041 |
rgb(37,64,65) |
hsl(183,28%,20%) |
#1c3031 |
rgb(28,48,49) |
hsl(183,28%,15%) |
#122021 |
rgb(18,32,33) |
hsl(183,28%,10%) |
#091010 |
rgb(9,16,16) |
hsl(183,28%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BA376 |
rgb(91,163,118) |
hsl(143,28%,50%) |
#5B9EA2 |
rgb(91,158,162) |
hsl(183,28%,50%) |
#5B6EA2 |
rgb(91,110,162) |
hsl(224,28%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EBDBF |
rgb(142,189,191) |
hsl(182,28%,65%) |
#74ADB1 |
rgb(116,173,177) |
hsl(184,28%,57%) |
#5B9EA2 |
rgb(91,158,162) |
hsl(183,28%,50%) |
#4C8588 |
rgb(76,133,136) |
hsl(183,28%,42%) |
#3D6B6E |
rgb(61,107,110) |
hsl(184,29%,34%) |
#2F5254 |
rgb(47,82,84) |
hsl(183,28%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B9EA2 |
rgb(91,158,162) |
hsl(183,28%,50%) |
#A25C7A |
rgb(162,92,122) |
hsl(334,28%,50%) |
#A2825B |
rgb(162,130,91) |
hsl(33,28%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B9EA2 |
rgb(91,158,162) |
hsl(183,28%,50%) |
#A25E5B |
rgb(162,94,91) |
hsl(3,28%,50%) |
#5BA382 |
rgb(91,163,130) |
hsl(153,28%,50%) |
#A2825B |
rgb(162,130,91) |
hsl(33,28%,50%) |