HEX #3A6168 color — William

The color #3A6168 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

3A6168 color palette from light to dark

HEX RGB HSL
#f5f9f9 rgb(245,249,249) hsl(189,28%,97%)
#e5eff0 rgb(229,239,240) hsl(189,28%,92%)
#d5e4e7 rgb(213,228,231) hsl(189,28%,87%)
#c4dade rgb(196,218,222) hsl(189,28%,82%)
#b4d0d5 rgb(180,208,213) hsl(189,28%,77%)
#a4c6cc rgb(164,198,204) hsl(189,28%,72%)
#93bbc2 rgb(147,187,194) hsl(189,28%,67%)
#83b1b9 rgb(131,177,185) hsl(189,28%,62%)
#73a7b0 rgb(115,167,176) hsl(189,28%,57%)
#629da7 rgb(98,157,167) hsl(189,28%,52%)
#568f99 rgb(86,143,153) hsl(189,28%,47%)
#4d8089 rgb(77,128,137) hsl(189,28%,42%)
#447179 rgb(68,113,121) hsl(189,28%,37%)
#3b6268 rgb(59,98,104) hsl(189,28%,32%)
#325258 rgb(50,82,88) hsl(189,28%,27%)
#284348 rgb(40,67,72) hsl(189,28%,22%)
#1f3437 rgb(31,52,55) hsl(189,28%,17%)
#162527 rgb(22,37,39) hsl(189,28%,12%)
#0d1517 rgb(13,21,23) hsl(189,28%,7%)
#040607 rgb(4,6,7) hsl(189,28%,2%)

Adjacent colors

HEX RGB HSL
#3A6950 rgb(58,105,80) hsl(148,29%,32%)
#3A6168 rgb(58,97,104) hsl(189,28%,32%)
#3A4268 rgb(58,66,104) hsl(230,28%,32%)

Monochromatic colors

HEX RGB HSL
#437078 rgb(67,112,120) hsl(189,28%,37%)
#3A6168 rgb(58,97,104) hsl(189,28%,32%)
#305257 rgb(48,82,87) hsl(188,29%,26%)
#274246 rgb(39,66,70) hsl(188,28%,21%)
#1E3336 rgb(30,51,54) hsl(188,29%,16%)
#142425 rgb(20,36,37) hsl(184,30%,11%)

Triad color palettes

HEX RGB HSL
#3A6168 rgb(58,97,104) hsl(189,28%,32%)
#683B4A rgb(104,59,74) hsl(340,28%,32%)
#68593A rgb(104,89,58) hsl(40,28%,32%)

Tetrad color palettes

HEX RGB HSL
#3A6168 rgb(58,97,104) hsl(189,28%,32%)
#68403A rgb(104,64,58) hsl(8,28%,32%)
#3A6958 rgb(58,105,88) hsl(158,29%,32%)
#68593A rgb(104,89,58) hsl(40,28%,32%)