HEX #56B5A0 color — Tradewind

The color #56B5A0 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

56B5A0 color palette from light to dark

HEX RGB HSL
#f4faf9 rgb(244,250,249) hsl(167,39%,97%)
#e3f3ef rgb(227,243,239) hsl(167,39%,92%)
#d1ebe5 rgb(209,235,229) hsl(167,39%,87%)
#bfe3db rgb(191,227,219) hsl(167,39%,82%)
#addbd1 rgb(173,219,209) hsl(167,39%,77%)
#9cd3c7 rgb(156,211,199) hsl(167,39%,72%)
#8accbd rgb(138,204,189) hsl(167,39%,67%)
#78c4b4 rgb(120,196,180) hsl(167,39%,62%)
#67bcaa rgb(103,188,170) hsl(167,39%,57%)
#55b4a0 rgb(85,180,160) hsl(167,39%,52%)
#49a792 rgb(73,167,146) hsl(167,39%,47%)
#419583 rgb(65,149,131) hsl(167,39%,42%)
#3a8373 rgb(58,131,115) hsl(167,39%,37%)
#327164 rgb(50,113,100) hsl(167,39%,32%)
#2a6054 rgb(42,96,84) hsl(167,39%,27%)
#224e44 rgb(34,78,68) hsl(167,39%,22%)
#1a3c35 rgb(26,60,53) hsl(167,39%,17%)
#132b25 rgb(19,43,37) hsl(167,39%,12%)
#0b1916 rgb(11,25,22) hsl(167,39%,7%)
#030706 rgb(3,7,6) hsl(167,39%,2%)

Adjacent colors

HEX RGB HSL
#56B560 rgb(86,181,96) hsl(126,39%,52%)
#56B5A0 rgb(86,181,160) hsl(167,39%,52%)
#568AB5 rgb(86,138,181) hsl(207,39%,52%)

Monochromatic colors

HEX RGB HSL
#91CFC1 rgb(145,207,193) hsl(166,39%,69%)
#73C2B0 rgb(115,194,176) hsl(166,39%,61%)
#56B5A0 rgb(86,181,160) hsl(167,39%,52%)
#449C88 rgb(68,156,136) hsl(166,39%,44%)
#37806E rgb(55,128,110) hsl(165,40%,36%)
#2A6154 rgb(42,97,84) hsl(166,40%,27%)

Triad color palettes

HEX RGB HSL
#56B5A0 rgb(86,181,160) hsl(167,39%,52%)
#B5579A rgb(181,87,154) hsl(317,39%,53%)
#B57056 rgb(181,112,86) hsl(16,39%,52%)

Tetrad color palettes

HEX RGB HSL
#56B5A0 rgb(86,181,160) hsl(167,39%,52%)
#B5576B rgb(181,87,107) hsl(347,39%,53%)
#56B570 rgb(86,181,112) hsl(136,39%,52%)
#B57056 rgb(181,112,86) hsl(16,39%,52%)