HEX #5B9EA3 color — Breaker Bay
The color #5B9EA3 is a light shade and slightly desaturated.
Palette
5B9EA3 color palette from light to dark
HEX |
RGB |
HSL |
#eff5f6 |
rgb(239,245,246) |
hsl(184,28%,95%) |
#deeced |
rgb(222,236,237) |
hsl(184,28%,90%) |
#cee2e3 |
rgb(206,226,227) |
hsl(184,28%,85%) |
#bed8da |
rgb(190,216,218) |
hsl(184,28%,80%) |
#adcfd1 |
rgb(173,207,209) |
hsl(184,28%,75%) |
#9dc5c8 |
rgb(157,197,200) |
hsl(184,28%,70%) |
#8dbbbf |
rgb(141,187,191) |
hsl(184,28%,65%) |
#7cb2b6 |
rgb(124,178,182) |
hsl(184,28%,60%) |
#6ca8ac |
rgb(108,168,172) |
hsl(184,28%,55%) |
#5c9ea3 |
rgb(92,158,163) |
hsl(184,28%,50%) |
#538f93 |
rgb(83,143,147) |
hsl(184,28%,45%) |
#497f83 |
rgb(73,127,131) |
hsl(184,28%,40%) |
#406f72 |
rgb(64,111,114) |
hsl(184,28%,35%) |
#375f62 |
rgb(55,95,98) |
hsl(184,28%,30%) |
#2e4f52 |
rgb(46,79,82) |
hsl(184,28%,25%) |
#253f41 |
rgb(37,63,65) |
hsl(184,28%,20%) |
#1c3031 |
rgb(28,48,49) |
hsl(184,28%,15%) |
#122021 |
rgb(18,32,33) |
hsl(184,28%,10%) |
#091010 |
rgb(9,16,16) |
hsl(184,28%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BA378 |
rgb(91,163,120) |
hsl(144,28%,50%) |
#5B9EA3 |
rgb(91,158,163) |
hsl(184,28%,50%) |
#5B6EA3 |
rgb(91,110,163) |
hsl(224,28%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EBDC0 |
rgb(142,189,192) |
hsl(184,28%,65%) |
#74ADB1 |
rgb(116,173,177) |
hsl(184,28%,57%) |
#5B9EA3 |
rgb(91,158,163) |
hsl(184,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 |
#5B9EA3 |
rgb(91,158,163) |
hsl(184,28%,50%) |
#A35C7A |
rgb(163,92,122) |
hsl(335,28%,50%) |
#A3855B |
rgb(163,133,91) |
hsl(35,28%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B9EA3 |
rgb(91,158,163) |
hsl(184,28%,50%) |
#A3615B |
rgb(163,97,91) |
hsl(5,28%,50%) |
#5BA384 |
rgb(91,163,132) |
hsl(154,28%,50%) |
#A3855B |
rgb(163,133,91) |
hsl(35,28%,50%) |