HEX #5FA896 color — Breaker Bay

The color #5FA896 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

5FA896 color palette from light to dark

HEX RGB HSL
#f5faf8 rgb(245,250,248) hsl(165,30%,97%)
#e4f1ee rgb(228,241,238) hsl(165,30%,92%)
#d4e8e3 rgb(212,232,227) hsl(165,30%,87%)
#c3dfd8 rgb(195,223,216) hsl(165,30%,82%)
#b3d6cd rgb(179,214,205) hsl(165,30%,77%)
#a2cdc2 rgb(162,205,194) hsl(165,30%,72%)
#92c4b7 rgb(146,196,183) hsl(165,30%,67%)
#81bbad rgb(129,187,173) hsl(165,30%,62%)
#70b2a2 rgb(112,178,162) hsl(165,30%,57%)
#60a997 rgb(96,169,151) hsl(165,30%,52%)
#549c8a rgb(84,156,138) hsl(165,30%,47%)
#4b8b7b rgb(75,139,123) hsl(165,30%,42%)
#427b6d rgb(66,123,109) hsl(165,30%,37%)
#396a5e rgb(57,106,94) hsl(165,30%,32%)
#305a4f rgb(48,90,79) hsl(165,30%,27%)
#274941 rgb(39,73,65) hsl(165,30%,22%)
#1e3832 rgb(30,56,50) hsl(165,30%,17%)
#152823 rgb(21,40,35) hsl(165,30%,12%)
#0c1715 rgb(12,23,21) hsl(165,30%,7%)
#040706 rgb(4,7,6) hsl(165,30%,2%)

Adjacent colors

HEX RGB HSL
#5FA865 rgb(95,168,101) hsl(125,30%,52%)
#5FA896 rgb(95,168,150) hsl(165,30%,52%)
#5F8AA8 rgb(95,138,168) hsl(205,30%,52%)

Monochromatic colors

HEX RGB HSL
#95C7B9 rgb(149,199,185) hsl(163,31%,68%)
#7AB8A7 rgb(122,184,167) hsl(164,30%,60%)
#5FA896 rgb(95,168,150) hsl(165,30%,52%)
#4D8F7F rgb(77,143,127) hsl(165,30%,43%)
#3E7366 rgb(62,115,102) hsl(165,30%,35%)
#30594E rgb(48,89,78) hsl(164,30%,27%)

Triad color palettes

HEX RGB HSL
#5FA896 rgb(95,168,150) hsl(165,30%,52%)
#A85E95 rgb(168,94,149) hsl(315,30%,51%)
#A8735F rgb(168,115,95) hsl(16,30%,52%)

Tetrad color palettes

HEX RGB HSL
#5FA896 rgb(95,168,150) hsl(165,30%,52%)
#A85E71 rgb(168,94,113) hsl(345,30%,51%)
#5FA871 rgb(95,168,113) hsl(135,30%,52%)
#A8735F rgb(168,115,95) hsl(16,30%,52%)