HEX #54AFB0 color — Tradewind

The color #54afb0 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

54afb0 color palette from light to dark

HEX RGB HSL
#f1f8f9 rgb(241,248,249) hsl(181,37%,96%)
#e0f0f1 rgb(224,240,241) hsl(181,37%,91%)
#cee8e9 rgb(206,232,233) hsl(181,37%,86%)
#bde0e0 rgb(189,224,224) hsl(181,37%,81%)
#abd8d8 rgb(171,216,216) hsl(181,37%,76%)
#9acfd0 rgb(154,207,208) hsl(181,37%,71%)
#88c7c8 rgb(136,199,200) hsl(181,37%,66%)
#77bfc0 rgb(119,191,192) hsl(181,37%,61%)
#65b7b8 rgb(101,183,184) hsl(181,37%,56%)
#54afb0 rgb(84,175,176) hsl(181,37%,51%)
#4a9fa1 rgb(74,159,161) hsl(181,37%,46%)
#428e8f rgb(66,142,143) hsl(181,37%,41%)
#3a7d7e rgb(58,125,126) hsl(181,37%,36%)
#326b6c rgb(50,107,108) hsl(181,37%,31%)
#2a5a5b rgb(42,90,91) hsl(181,37%,26%)
#224949 rgb(34,73,73) hsl(181,37%,21%)
#1a3738 rgb(26,55,56) hsl(181,37%,16%)
#122626 rgb(18,38,38) hsl(181,37%,11%)
#0a1515 rgb(10,21,21) hsl(181,37%,6%)
#020303 rgb(2,3,3) hsl(181,37%,1%)

Adjacent colors

HEX RGB HSL
#54B073 rgb(84,176,115) hsl(140,37%,51%)
#54AFB0 rgb(84,175,176) hsl(181,37%,51%)
#5473B0 rgb(84,115,176) hsl(220,37%,51%)

Monochromatic colors

HEX RGB HSL
#8CC9CA rgb(140,201,202) hsl(181,37%,67%)
#70BDBD rgb(112,189,189) hsl(180,37%,59%)
#54AFB0 rgb(84,175,176) hsl(181,37%,51%)
#459495 rgb(69,148,149) hsl(181,37%,43%)
#377878 rgb(55,120,120) hsl(180,37%,34%)
#2A5C5C rgb(42,92,92) hsl(180,37%,26%)

Triad color palettes

HEX RGB HSL
#54AFB0 rgb(84,175,176) hsl(181,37%,51%)
#B05481 rgb(176,84,129) hsl(331,37%,51%)
#B08254 rgb(176,130,84) hsl(30,37%,51%)

Tetrad color palettes

HEX RGB HSL
#54AFB0 rgb(84,175,176) hsl(181,37%,51%)
#B05454 rgb(176,84,84) hsl(360,37%,51%)
#54B083 rgb(84,176,131) hsl(151,37%,51%)
#B08254 rgb(176,130,84) hsl(30,37%,51%)