HEX #35666C color — Casal

The color #35666C is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

35666C color palette from light to dark

HEX RGB HSL
#f5f9fa rgb(245,249,250) hsl(187,34%,97%)
#e4f0f2 rgb(228,240,242) hsl(187,34%,92%)
#d3e6e9 rgb(211,230,233) hsl(187,34%,87%)
#c1dde1 rgb(193,221,225) hsl(187,34%,82%)
#b0d4d8 rgb(176,212,216) hsl(187,34%,77%)
#9fcad0 rgb(159,202,208) hsl(187,34%,72%)
#8ec1c7 rgb(142,193,199) hsl(187,34%,67%)
#7db7bf rgb(125,183,191) hsl(187,34%,62%)
#6caeb7 rgb(108,174,183) hsl(187,34%,57%)
#5ba5ae rgb(91,165,174) hsl(187,34%,52%)
#4f97a1 rgb(79,151,161) hsl(187,34%,47%)
#478790 rgb(71,135,144) hsl(187,34%,42%)
#3e777e rgb(62,119,126) hsl(187,34%,37%)
#36676d rgb(54,103,109) hsl(187,34%,32%)
#2d575c rgb(45,87,92) hsl(187,34%,27%)
#25474b rgb(37,71,75) hsl(187,34%,22%)
#1d373a rgb(29,55,58) hsl(187,34%,17%)
#142729 rgb(20,39,41) hsl(187,34%,12%)
#0c1718 rgb(12,23,24) hsl(187,34%,7%)
#030607 rgb(3,6,7) hsl(187,34%,2%)

Adjacent colors

HEX RGB HSL
#356B4D rgb(53,107,77) hsl(147,34%,31%)
#35666C rgb(53,102,108) hsl(187,34%,32%)
#35426C rgb(53,66,108) hsl(226,34%,32%)

Monochromatic colors

HEX RGB HSL
#3D757D rgb(61,117,125) hsl(188,34%,36%)
#35666C rgb(53,102,108) hsl(187,34%,32%)
#2C575A rgb(44,87,90) hsl(184,34%,26%)
#244549 rgb(36,69,73) hsl(186,34%,21%)
#1B3638 rgb(27,54,56) hsl(184,35%,16%)
#132426 rgb(19,36,38) hsl(186,33%,11%)

Triad color palettes

HEX RGB HSL
#35666C rgb(53,102,108) hsl(187,34%,32%)
#6C364A rgb(108,54,74) hsl(338,33%,32%)
#6C5735 rgb(108,87,53) hsl(37,34%,32%)

Tetrad color palettes

HEX RGB HSL
#35666C rgb(53,102,108) hsl(187,34%,32%)
#6C3B35 rgb(108,59,53) hsl(7,34%,32%)
#356B56 rgb(53,107,86) hsl(157,34%,31%)
#6C5735 rgb(108,87,53) hsl(37,34%,32%)