HEX #3A5E6A color — William

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

Color codes

copy icon
copy icon
copy icon

Palette

3A5E6A color palette from light to dark

HEX RGB HSL
#f5f8fa rgb(245,248,250) hsl(195,29%,97%)
#e5eef1 rgb(229,238,241) hsl(195,29%,92%)
#d4e3e7 rgb(212,227,231) hsl(195,29%,87%)
#c4d8de rgb(196,216,222) hsl(195,29%,82%)
#b3cdd5 rgb(179,205,213) hsl(195,29%,77%)
#a3c2cc rgb(163,194,204) hsl(195,29%,72%)
#92b7c3 rgb(146,183,195) hsl(195,29%,67%)
#82acba rgb(130,172,186) hsl(195,29%,62%)
#72a1b1 rgb(114,161,177) hsl(195,29%,57%)
#6196a8 rgb(97,150,168) hsl(195,29%,52%)
#55899b rgb(85,137,155) hsl(195,29%,47%)
#4c7b8a rgb(76,123,138) hsl(195,29%,42%)
#436c7a rgb(67,108,122) hsl(195,29%,37%)
#3a5d69 rgb(58,93,105) hsl(195,29%,32%)
#314f59 rgb(49,79,89) hsl(195,29%,27%)
#284048 rgb(40,64,72) hsl(195,29%,22%)
#1f3238 rgb(31,50,56) hsl(195,29%,17%)
#162327 rgb(22,35,39) hsl(195,29%,12%)
#0d1417 rgb(13,20,23) hsl(195,29%,7%)
#040607 rgb(4,6,7) hsl(195,29%,2%)

Adjacent colors

HEX RGB HSL
#3A6B56 rgb(58,107,86) hsl(154,30%,32%)
#3A5E6A rgb(58,94,106) hsl(195,29%,32%)
#3A3D6A rgb(58,61,106) hsl(236,29%,32%)

Monochromatic colors

HEX RGB HSL
#436E7A rgb(67,110,122) hsl(193,29%,37%)
#3A5E6A rgb(58,94,106) hsl(195,29%,32%)
#304F59 rgb(48,79,89) hsl(195,30%,27%)
#274048 rgb(39,64,72) hsl(195,30%,22%)
#1E3037 rgb(30,48,55) hsl(197,29%,17%)
#142126 rgb(20,33,38) hsl(197,31%,11%)

Triad color palettes

HEX RGB HSL
#3A5E6A rgb(58,94,106) hsl(195,29%,32%)
#6A3B46 rgb(106,59,70) hsl(346,28%,32%)
#6A5E3A rgb(106,94,58) hsl(45,29%,32%)

Tetrad color palettes

HEX RGB HSL
#3A5E6A rgb(58,94,106) hsl(195,29%,32%)
#6A453A rgb(106,69,58) hsl(14,29%,32%)
#3A6B5E rgb(58,107,94) hsl(164,30%,32%)
#6A5E3A rgb(106,94,58) hsl(45,29%,32%)