HEX #5FA89D color — Breaker Bay
The color #5FA89D is a light shade and slightly desaturated.
Palette
5FA89D color palette from light to dark
HEX |
RGB |
HSL |
#f5faf9 |
rgb(245,250,249) |
hsl(171,30%,97%) |
#e4f1ef |
rgb(228,241,239) |
hsl(171,30%,92%) |
#d4e8e5 |
rgb(212,232,229) |
hsl(171,30%,87%) |
#c3dfdb |
rgb(195,223,219) |
hsl(171,30%,82%) |
#b3d6d1 |
rgb(179,214,209) |
hsl(171,30%,77%) |
#a2cdc7 |
rgb(162,205,199) |
hsl(171,30%,72%) |
#92c4bd |
rgb(146,196,189) |
hsl(171,30%,67%) |
#81bbb2 |
rgb(129,187,178) |
hsl(171,30%,62%) |
#70b2a8 |
rgb(112,178,168) |
hsl(171,30%,57%) |
#60a99e |
rgb(96,169,158) |
hsl(171,30%,52%) |
#549c91 |
rgb(84,156,145) |
hsl(171,30%,47%) |
#4b8b82 |
rgb(75,139,130) |
hsl(171,30%,42%) |
#427b72 |
rgb(66,123,114) |
hsl(171,30%,37%) |
#396a63 |
rgb(57,106,99) |
hsl(171,30%,32%) |
#305a53 |
rgb(48,90,83) |
hsl(171,30%,27%) |
#274944 |
rgb(39,73,68) |
hsl(171,30%,22%) |
#1e3834 |
rgb(30,56,52) |
hsl(171,30%,17%) |
#152825 |
rgb(21,40,37) |
hsl(171,30%,12%) |
#0c1716 |
rgb(12,23,22) |
hsl(171,30%,7%) |
#040706 |
rgb(4,7,6) |
hsl(171,30%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5FA86C |
rgb(95,168,108) |
hsl(131,30%,52%) |
#5FA89D |
rgb(95,168,157) |
hsl(171,30%,52%) |
#5F82A8 |
rgb(95,130,168) |
hsl(211,30%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95C7BE |
rgb(149,199,190) |
hsl(169,31%,68%) |
#7AB8AD |
rgb(122,184,173) |
hsl(169,30%,60%) |
#5FA89D |
rgb(95,168,157) |
hsl(171,30%,52%) |
#4D8F85 |
rgb(77,143,133) |
hsl(171,30%,43%) |
#3E736B |
rgb(62,115,107) |
hsl(171,30%,35%) |
#305952 |
rgb(48,89,82) |
hsl(170,30%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5FA89D |
rgb(95,168,157) |
hsl(171,30%,52%) |
#A85E8E |
rgb(168,94,142) |
hsl(321,30%,51%) |
#A8785F |
rgb(168,120,95) |
hsl(21,30%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5FA89D |
rgb(95,168,157) |
hsl(171,30%,52%) |
#A85E6A |
rgb(168,94,106) |
hsl(350,30%,51%) |
#5FA878 |
rgb(95,168,120) |
hsl(141,30%,52%) |
#A8785F |
rgb(168,120,95) |
hsl(21,30%,52%) |