HEX #3A5E6B color — William
The color #3A5E6B is a dark shade and slightly desaturated.
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%) |