HEX #5FA89A color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5FA89A color palette from light to dark

HEX RGB HSL
#f5faf9 rgb(245,250,249) hsl(168,30%,97%)
#e4f1ee rgb(228,241,238) hsl(168,30%,92%)
#d4e8e4 rgb(212,232,228) hsl(168,30%,87%)
#c3dfd9 rgb(195,223,217) hsl(168,30%,82%)
#b3d6cf rgb(179,214,207) hsl(168,30%,77%)
#a2cdc4 rgb(162,205,196) hsl(168,30%,72%)
#92c4ba rgb(146,196,186) hsl(168,30%,67%)
#81bbb0 rgb(129,187,176) hsl(168,30%,62%)
#70b2a5 rgb(112,178,165) hsl(168,30%,57%)
#60a99b rgb(96,169,155) hsl(168,30%,52%)
#549c8d rgb(84,156,141) hsl(168,30%,47%)
#4b8b7e rgb(75,139,126) hsl(168,30%,42%)
#427b6f rgb(66,123,111) hsl(168,30%,37%)
#396a60 rgb(57,106,96) hsl(168,30%,32%)
#305a51 rgb(48,90,81) hsl(168,30%,27%)
#274942 rgb(39,73,66) hsl(168,30%,22%)
#1e3833 rgb(30,56,51) hsl(168,30%,17%)
#152824 rgb(21,40,36) hsl(168,30%,12%)
#0c1715 rgb(12,23,21) hsl(168,30%,7%)
#040706 rgb(4,7,6) hsl(168,30%,2%)

Adjacent colors

HEX RGB HSL
#5FA869 rgb(95,168,105) hsl(128,30%,52%)
#5FA89A rgb(95,168,154) hsl(168,30%,52%)
#5F85A8 rgb(95,133,168) hsl(209,30%,52%)

Monochromatic colors

HEX RGB HSL
#95C7BC rgb(149,199,188) hsl(167,31%,68%)
#7AB8AB rgb(122,184,171) hsl(167,30%,60%)
#5FA89A rgb(95,168,154) hsl(168,30%,52%)
#4D8F82 rgb(77,143,130) hsl(168,30%,43%)
#3E7369 rgb(62,115,105) hsl(169,30%,35%)
#305950 rgb(48,89,80) hsl(167,30%,27%)

Triad color palettes

HEX RGB HSL
#5FA89A rgb(95,168,154) hsl(168,30%,52%)
#A85E91 rgb(168,94,145) hsl(319,30%,51%)
#A8755F rgb(168,117,95) hsl(18,30%,52%)

Tetrad color palettes

HEX RGB HSL
#5FA89A rgb(95,168,154) hsl(168,30%,52%)
#A85E6D rgb(168,94,109) hsl(348,30%,51%)
#5FA875 rgb(95,168,117) hsl(138,30%,52%)
#A8755F rgb(168,117,95) hsl(18,30%,52%)