HEX #3A5F78 color — William
The color #3a5f78 is a dark shade and moderately saturated.
Palette
3a5f78 color palette from light to dark
HEX |
RGB |
HSL |
#eef3f7 |
rgb(238,243,247) |
hsl(204,35%,95%) |
#dde7ee |
rgb(221,231,238) |
hsl(204,35%,90%) |
#cbdbe6 |
rgb(203,219,230) |
hsl(204,35%,85%) |
#bad0de |
rgb(186,208,222) |
hsl(204,35%,80%) |
#a9c4d6 |
rgb(169,196,214) |
hsl(204,35%,75%) |
#98b8cd |
rgb(152,184,205) |
hsl(204,35%,70%) |
#87acc5 |
rgb(135,172,197) |
hsl(204,35%,65%) |
#75a0bd |
rgb(117,160,189) |
hsl(204,35%,60%) |
#6494b4 |
rgb(100,148,180) |
hsl(204,35%,55%) |
#5388ac |
rgb(83,136,172) |
hsl(204,35%,50%) |
#4b7b9b |
rgb(75,123,155) |
hsl(204,35%,45%) |
#426d8a |
rgb(66,109,138) |
hsl(204,35%,40%) |
#3a5f78 |
rgb(58,95,120) |
hsl(204,35%,35%) |
#325267 |
rgb(50,82,103) |
hsl(204,35%,30%) |
#294456 |
rgb(41,68,86) |
hsl(204,35%,25%) |
#213745 |
rgb(33,55,69) |
hsl(204,35%,20%) |
#192934 |
rgb(25,41,52) |
hsl(204,35%,15%) |
#111b22 |
rgb(17,27,34) |
hsl(204,35%,10%) |
#080e11 |
rgb(8,14,17) |
hsl(204,35%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A7867 |
rgb(58,120,103) |
hsl(164,35%,35%) |
#3A5F78 |
rgb(58,95,120) |
hsl(204,35%,35%) |
#3E3B78 |
rgb(62,59,120) |
hsl(243,34%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#436E8B |
rgb(67,110,139) |
hsl(204,35%,40%) |
#3A5F78 |
rgb(58,95,120) |
hsl(204,35%,35%) |
#304F64 |
rgb(48,79,100) |
hsl(204,35%,29%) |
#274051 |
rgb(39,64,81) |
hsl(204,35%,24%) |
#1E303E |
rgb(30,48,62) |
hsl(206,35%,18%) |
#14212B |
rgb(20,33,43) |
hsl(206,37%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5F78 |
rgb(58,95,120) |
hsl(204,35%,35%) |
#783B40 |
rgb(120,59,64) |
hsl(355,34%,35%) |
#78733A |
rgb(120,115,58) |
hsl(55,35%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5F78 |
rgb(58,95,120) |
hsl(204,35%,35%) |
#78543A |
rgb(120,84,58) |
hsl(25,35%,35%) |
#3A7872 |
rgb(58,120,114) |
hsl(174,35%,35%) |
#78733A |
rgb(120,115,58) |
hsl(55,35%,35%) |