HEX #5FA8A2 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5FA8A2 color palette from light to dark

HEX RGB HSL
#f5faf9 rgb(245,250,249) hsl(175,30%,97%)
#e4f1f0 rgb(228,241,240) hsl(175,30%,92%)
#d4e8e6 rgb(212,232,230) hsl(175,30%,87%)
#c3dfdd rgb(195,223,221) hsl(175,30%,82%)
#b3d6d3 rgb(179,214,211) hsl(175,30%,77%)
#a2cdc9 rgb(162,205,201) hsl(175,30%,72%)
#92c4c0 rgb(146,196,192) hsl(175,30%,67%)
#81bbb6 rgb(129,187,182) hsl(175,30%,62%)
#70b2ad rgb(112,178,173) hsl(175,30%,57%)
#60a9a3 rgb(96,169,163) hsl(175,30%,52%)
#549c96 rgb(84,156,150) hsl(175,30%,47%)
#4b8b86 rgb(75,139,134) hsl(175,30%,42%)
#427b76 rgb(66,123,118) hsl(175,30%,37%)
#396a66 rgb(57,106,102) hsl(175,30%,32%)
#305a56 rgb(48,90,86) hsl(175,30%,27%)
#274946 rgb(39,73,70) hsl(175,30%,22%)
#1e3836 rgb(30,56,54) hsl(175,30%,17%)
#152826 rgb(21,40,38) hsl(175,30%,12%)
#0c1716 rgb(12,23,22) hsl(175,30%,7%)
#040706 rgb(4,7,6) hsl(175,30%,2%)

Adjacent colors

HEX RGB HSL
#5FA871 rgb(95,168,113) hsl(135,30%,52%)
#5FA8A2 rgb(95,168,162) hsl(175,30%,52%)
#5F7DA8 rgb(95,125,168) hsl(215,30%,52%)

Monochromatic colors

HEX RGB HSL
#95C7C1 rgb(149,199,193) hsl(173,31%,68%)
#7AB8B1 rgb(122,184,177) hsl(173,30%,60%)
#5FA8A2 rgb(95,168,162) hsl(175,30%,52%)
#4D8F89 rgb(77,143,137) hsl(175,30%,43%)
#3E736F rgb(62,115,111) hsl(175,30%,35%)
#305955 rgb(48,89,85) hsl(174,30%,27%)

Triad color palettes

HEX RGB HSL
#5FA8A2 rgb(95,168,162) hsl(175,30%,52%)
#A85E89 rgb(168,94,137) hsl(325,30%,51%)
#A87D5F rgb(168,125,95) hsl(25,30%,52%)

Tetrad color palettes

HEX RGB HSL
#5FA8A2 rgb(95,168,162) hsl(175,30%,52%)
#A85E65 rgb(168,94,101) hsl(354,30%,51%)
#5FA87D rgb(95,168,125) hsl(145,30%,52%)
#A87D5F rgb(168,125,95) hsl(25,30%,52%)