HEX #345E63 color — William
The color #345E63 is a dark shade and slightly desaturated.
Palette
345E63 color palette from light to dark
HEX |
RGB |
HSL |
#eef5f6 |
rgb(238,245,246) |
hsl(186,31%,95%) |
#deeced |
rgb(222,236,237) |
hsl(186,31%,90%) |
#cde2e5 |
rgb(205,226,229) |
hsl(186,31%,85%) |
#bcd9dc |
rgb(188,217,220) |
hsl(186,31%,80%) |
#abcfd3 |
rgb(171,207,211) |
hsl(186,31%,75%) |
#9bc5ca |
rgb(155,197,202) |
hsl(186,31%,70%) |
#8abcc1 |
rgb(138,188,193) |
hsl(186,31%,65%) |
#79b2b9 |
rgb(121,178,185) |
hsl(186,31%,60%) |
#69a9b0 |
rgb(105,169,176) |
hsl(186,31%,55%) |
#589fa7 |
rgb(88,159,167) |
hsl(186,31%,50%) |
#4f8f96 |
rgb(79,143,150) |
hsl(186,31%,45%) |
#467f86 |
rgb(70,127,134) |
hsl(186,31%,40%) |
#3e6f75 |
rgb(62,111,117) |
hsl(186,31%,35%) |
#355f64 |
rgb(53,95,100) |
hsl(186,31%,30%) |
#2c5054 |
rgb(44,80,84) |
hsl(186,31%,25%) |
#234043 |
rgb(35,64,67) |
hsl(186,31%,20%) |
#1a3032 |
rgb(26,48,50) |
hsl(186,31%,15%) |
#122021 |
rgb(18,32,33) |
hsl(186,31%,10%) |
#091011 |
rgb(9,16,17) |
hsl(186,31%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#346348 |
rgb(52,99,72) |
hsl(146,31%,30%) |
#345E63 |
rgb(52,94,99) |
hsl(186,31%,30%) |
#344063 |
rgb(52,64,99) |
hsl(225,31%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3C6E72 |
rgb(60,110,114) |
hsl(184,31%,34%) |
#345E63 |
rgb(52,94,99) |
hsl(186,31%,30%) |
#2B4F53 |
rgb(43,79,83) |
hsl(186,32%,25%) |
#234043 |
rgb(35,64,67) |
hsl(186,31%,20%) |
#1B3033 |
rgb(27,48,51) |
hsl(188,31%,15%) |
#122123 |
rgb(18,33,35) |
hsl(187,32%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#345E63 |
rgb(52,94,99) |
hsl(186,31%,30%) |
#633346 |
rgb(99,51,70) |
hsl(336,32%,29%) |
#635234 |
rgb(99,82,52) |
hsl(38,31%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#345E63 |
rgb(52,94,99) |
hsl(186,31%,30%) |
#633834 |
rgb(99,56,52) |
hsl(5,31%,30%) |
#346350 |
rgb(52,99,80) |
hsl(156,31%,30%) |
#635234 |
rgb(99,82,52) |
hsl(38,31%,30%) |