HEX #3A5E6B color — William

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

Color codes

copy icon
copy icon
copy icon

Palette

3A5E6B color palette from light to dark

HEX RGB HSL
#f5f8fa rgb(245,248,250) hsl(196,30%,97%)
#e4edf1 rgb(228,237,241) hsl(196,30%,92%)
#d4e2e8 rgb(212,226,232) hsl(196,30%,87%)
#c3d8df rgb(195,216,223) hsl(196,30%,82%)
#b3cdd6 rgb(179,205,214) hsl(196,30%,77%)
#a2c2cd rgb(162,194,205) hsl(196,30%,72%)
#92b7c4 rgb(146,183,196) hsl(196,30%,67%)
#81acbb rgb(129,172,187) hsl(196,30%,62%)
#70a1b2 rgb(112,161,178) hsl(196,30%,57%)
#6096a9 rgb(96,150,169) hsl(196,30%,52%)
#54899c rgb(84,137,156) hsl(196,30%,47%)
#4b7a8b rgb(75,122,139) hsl(196,30%,42%)
#426c7b rgb(66,108,123) hsl(196,30%,37%)
#395d6a rgb(57,93,106) hsl(196,30%,32%)
#304e5a rgb(48,78,90) hsl(196,30%,27%)
#274049 rgb(39,64,73) hsl(196,30%,22%)
#1e3138 rgb(30,49,56) hsl(196,30%,17%)
#152328 rgb(21,35,40) hsl(196,30%,12%)
#0c1417 rgb(12,20,23) hsl(196,30%,7%)
#040607 rgb(4,6,7) hsl(196,30%,2%)

Adjacent colors

HEX RGB HSL
#3A6B57 rgb(58,107,87) hsl(156,30%,32%)
#3A5E6B rgb(58,94,107) hsl(196,30%,32%)
#3A3D6B rgb(58,61,107) hsl(236,30%,32%)

Monochromatic colors

HEX RGB HSL
#436E7C rgb(67,110,124) hsl(195,30%,37%)
#3A5E6B rgb(58,94,107) hsl(196,30%,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
#3A5E6B rgb(58,94,107) hsl(196,30%,32%)
#6B3B45 rgb(107,59,69) hsl(348,29%,33%)
#6B5E3A rgb(107,94,58) hsl(44,30%,32%)

Tetrad color palettes

HEX RGB HSL
#3A5E6B rgb(58,94,107) hsl(196,30%,32%)
#6B473A rgb(107,71,58) hsl(16,30%,32%)
#3A6B5F rgb(58,107,95) hsl(165,30%,32%)
#6B5E3A rgb(107,94,58) hsl(44,30%,32%)