HEX #31666B color — Casal

The color #31666B is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

31666B color palette from light to dark

HEX RGB HSL
#f1f8f9 rgb(241,248,249) hsl(185,37%,96%)
#e0eff1 rgb(224,239,241) hsl(185,37%,91%)
#cee6e9 rgb(206,230,233) hsl(185,37%,86%)
#bddde0 rgb(189,221,224) hsl(185,37%,81%)
#abd5d8 rgb(171,213,216) hsl(185,37%,76%)
#9accd0 rgb(154,204,208) hsl(185,37%,71%)
#88c3c8 rgb(136,195,200) hsl(185,37%,66%)
#77bac0 rgb(119,186,192) hsl(185,37%,61%)
#65b1b8 rgb(101,177,184) hsl(185,37%,56%)
#54a9b0 rgb(84,169,176) hsl(185,37%,51%)
#4a99a1 rgb(74,153,161) hsl(185,37%,46%)
#42898f rgb(66,137,143) hsl(185,37%,41%)
#3a787e rgb(58,120,126) hsl(185,37%,36%)
#32676c rgb(50,103,108) hsl(185,37%,31%)
#2a575b rgb(42,87,91) hsl(185,37%,26%)
#224649 rgb(34,70,73) hsl(185,37%,21%)
#1a3538 rgb(26,53,56) hsl(185,37%,16%)
#122526 rgb(18,37,38) hsl(185,37%,11%)
#0a1415 rgb(10,20,21) hsl(185,37%,6%)
#020303 rgb(2,3,3) hsl(185,37%,1%)

Adjacent colors

HEX RGB HSL
#316B49 rgb(49,107,73) hsl(145,37%,31%)
#31666B rgb(49,102,107) hsl(185,37%,31%)
#31406B rgb(49,64,107) hsl(224,37%,31%)

Monochromatic colors

HEX RGB HSL
#38757C rgb(56,117,124) hsl(186,38%,35%)
#31666B rgb(49,102,107) hsl(185,37%,31%)
#295759 rgb(41,87,89) hsl(183,37%,25%)
#214548 rgb(33,69,72) hsl(185,37%,21%)
#193637 rgb(25,54,55) hsl(182,38%,16%)
#112426 rgb(17,36,38) hsl(186,38%,11%)

Triad color palettes

HEX RGB HSL
#31666B rgb(49,102,107) hsl(185,37%,31%)
#6B3049 rgb(107,48,73) hsl(335,38%,30%)
#6B5431 rgb(107,84,49) hsl(36,37%,31%)

Tetrad color palettes

HEX RGB HSL
#31666B rgb(49,102,107) hsl(185,37%,31%)
#6B3631 rgb(107,54,49) hsl(5,37%,31%)
#316B53 rgb(49,107,83) hsl(155,37%,31%)
#6B5431 rgb(107,84,49) hsl(36,37%,31%)