HEX #5FA8A2 color — Breaker Bay
The color #5FA8A2 is a light shade and slightly desaturated.
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%) |