HEX #5FA89C color — Breaker Bay
The color #5FA89C is a light shade and slightly desaturated.
Palette
5FA89C color palette from light to dark
HEX |
RGB |
HSL |
#f5faf9 |
rgb(245,250,249) |
hsl(170,30%,97%) |
#e4f1ef |
rgb(228,241,239) |
hsl(170,30%,92%) |
#d4e8e4 |
rgb(212,232,228) |
hsl(170,30%,87%) |
#c3dfda |
rgb(195,223,218) |
hsl(170,30%,82%) |
#b3d6d0 |
rgb(179,214,208) |
hsl(170,30%,77%) |
#a2cdc6 |
rgb(162,205,198) |
hsl(170,30%,72%) |
#92c4bc |
rgb(146,196,188) |
hsl(170,30%,67%) |
#81bbb1 |
rgb(129,187,177) |
hsl(170,30%,62%) |
#70b2a7 |
rgb(112,178,167) |
hsl(170,30%,57%) |
#60a99d |
rgb(96,169,157) |
hsl(170,30%,52%) |
#549c90 |
rgb(84,156,144) |
hsl(170,30%,47%) |
#4b8b81 |
rgb(75,139,129) |
hsl(170,30%,42%) |
#427b71 |
rgb(66,123,113) |
hsl(170,30%,37%) |
#396a62 |
rgb(57,106,98) |
hsl(170,30%,32%) |
#305a53 |
rgb(48,90,83) |
hsl(170,30%,27%) |
#274943 |
rgb(39,73,67) |
hsl(170,30%,22%) |
#1e3834 |
rgb(30,56,52) |
hsl(170,30%,17%) |
#152825 |
rgb(21,40,37) |
hsl(170,30%,12%) |
#0c1715 |
rgb(12,23,21) |
hsl(170,30%,7%) |
#040706 |
rgb(4,7,6) |
hsl(170,30%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5FA86B |
rgb(95,168,107) |
hsl(130,30%,52%) |
#5FA89C |
rgb(95,168,156) |
hsl(170,30%,52%) |
#5F85A8 |
rgb(95,133,168) |
hsl(209,30%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95C7BD |
rgb(149,199,189) |
hsl(168,31%,68%) |
#7AB8AC |
rgb(122,184,172) |
hsl(168,30%,60%) |
#5FA89C |
rgb(95,168,156) |
hsl(170,30%,52%) |
#4D8F84 |
rgb(77,143,132) |
hsl(170,30%,43%) |
#3E736B |
rgb(62,115,107) |
hsl(171,30%,35%) |
#305951 |
rgb(48,89,81) |
hsl(168,30%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5FA89C |
rgb(95,168,156) |
hsl(170,30%,52%) |
#A85E8F |
rgb(168,94,143) |
hsl(320,30%,51%) |
#A8785F |
rgb(168,120,95) |
hsl(21,30%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5FA89C |
rgb(95,168,156) |
hsl(170,30%,52%) |
#A85E6B |
rgb(168,94,107) |
hsl(349,30%,51%) |
#5FA877 |
rgb(95,168,119) |
hsl(140,30%,52%) |
#A8785F |
rgb(168,120,95) |
hsl(21,30%,52%) |