HEX #5FA890 color — Breaker Bay
The color #5FA890 is a light shade and slightly desaturated.
Palette
5FA890 color palette from light to dark
HEX |
RGB |
HSL |
#f5faf8 |
rgb(245,250,248) |
hsl(160,30%,97%) |
#e4f1ed |
rgb(228,241,237) |
hsl(160,30%,92%) |
#d4e8e1 |
rgb(212,232,225) |
hsl(160,30%,87%) |
#c3dfd6 |
rgb(195,223,214) |
hsl(160,30%,82%) |
#b3d6ca |
rgb(179,214,202) |
hsl(160,30%,77%) |
#a2cdbf |
rgb(162,205,191) |
hsl(160,30%,72%) |
#92c4b3 |
rgb(146,196,179) |
hsl(160,30%,67%) |
#81bba8 |
rgb(129,187,168) |
hsl(160,30%,62%) |
#70b29c |
rgb(112,178,156) |
hsl(160,30%,57%) |
#60a991 |
rgb(96,169,145) |
hsl(160,30%,52%) |
#549c84 |
rgb(84,156,132) |
hsl(160,30%,47%) |
#4b8b76 |
rgb(75,139,118) |
hsl(160,30%,42%) |
#427b68 |
rgb(66,123,104) |
hsl(160,30%,37%) |
#396a5a |
rgb(57,106,90) |
hsl(160,30%,32%) |
#305a4c |
rgb(48,90,76) |
hsl(160,30%,27%) |
#27493e |
rgb(39,73,62) |
hsl(160,30%,22%) |
#1e3830 |
rgb(30,56,48) |
hsl(160,30%,17%) |
#152822 |
rgb(21,40,34) |
hsl(160,30%,12%) |
#0c1714 |
rgb(12,23,20) |
hsl(160,30%,7%) |
#040706 |
rgb(4,7,6) |
hsl(160,30%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5FA85F |
rgb(95,168,95) |
hsl(120,30%,52%) |
#5FA890 |
rgb(95,168,144) |
hsl(160,30%,52%) |
#5F8FA8 |
rgb(95,143,168) |
hsl(201,30%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95C7B5 |
rgb(149,199,181) |
hsl(158,31%,68%) |
#7AB8A2 |
rgb(122,184,162) |
hsl(159,30%,60%) |
#5FA890 |
rgb(95,168,144) |
hsl(160,30%,52%) |
#4D8F79 |
rgb(77,143,121) |
hsl(160,30%,43%) |
#3E7362 |
rgb(62,115,98) |
hsl(161,30%,35%) |
#30594B |
rgb(48,89,75) |
hsl(160,30%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5FA890 |
rgb(95,168,144) |
hsl(160,30%,52%) |
#A85E9B |
rgb(168,94,155) |
hsl(311,30%,51%) |
#A86B5F |
rgb(168,107,95) |
hsl(10,30%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5FA890 |
rgb(95,168,144) |
hsl(160,30%,52%) |
#A85E77 |
rgb(168,94,119) |
hsl(340,30%,51%) |
#5FA86B |
rgb(95,168,107) |
hsl(130,30%,52%) |
#A86B5F |
rgb(168,107,95) |
hsl(10,30%,52%) |