HEX #345C63 color — William
The color #345C63 is a dark shade and slightly desaturated.
Palette
345C63 color palette from light to dark
HEX |
RGB |
HSL |
#eef5f6 |
rgb(238,245,246) |
hsl(189,31%,95%) |
#deebed |
rgb(222,235,237) |
hsl(189,31%,90%) |
#cde1e5 |
rgb(205,225,229) |
hsl(189,31%,85%) |
#bcd7dc |
rgb(188,215,220) |
hsl(189,31%,80%) |
#abcdd3 |
rgb(171,205,211) |
hsl(189,31%,75%) |
#9bc3ca |
rgb(155,195,202) |
hsl(189,31%,70%) |
#8ab9c1 |
rgb(138,185,193) |
hsl(189,31%,65%) |
#79afb9 |
rgb(121,175,185) |
hsl(189,31%,60%) |
#69a5b0 |
rgb(105,165,176) |
hsl(189,31%,55%) |
#589ba7 |
rgb(88,155,167) |
hsl(189,31%,50%) |
#4f8c96 |
rgb(79,140,150) |
hsl(189,31%,45%) |
#467c86 |
rgb(70,124,134) |
hsl(189,31%,40%) |
#3e6d75 |
rgb(62,109,117) |
hsl(189,31%,35%) |
#355d64 |
rgb(53,93,100) |
hsl(189,31%,30%) |
#2c4e54 |
rgb(44,78,84) |
hsl(189,31%,25%) |
#233e43 |
rgb(35,62,67) |
hsl(189,31%,20%) |
#1a2f32 |
rgb(26,47,50) |
hsl(189,31%,15%) |
#121f21 |
rgb(18,31,33) |
hsl(189,31%,10%) |
#091011 |
rgb(9,16,17) |
hsl(189,31%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#34634A |
rgb(52,99,74) |
hsl(148,31%,30%) |
#345C63 |
rgb(52,92,99) |
hsl(189,31%,30%) |
#343D63 |
rgb(52,61,99) |
hsl(229,31%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3C6B72 |
rgb(60,107,114) |
hsl(188,31%,34%) |
#345C63 |
rgb(52,92,99) |
hsl(189,31%,30%) |
#2B4D53 |
rgb(43,77,83) |
hsl(189,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 |
#345C63 |
rgb(52,92,99) |
hsl(189,31%,30%) |
#633344 |
rgb(99,51,68) |
hsl(339,32%,29%) |
#635234 |
rgb(99,82,52) |
hsl(38,31%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#345C63 |
rgb(52,92,99) |
hsl(189,31%,30%) |
#633B34 |
rgb(99,59,52) |
hsl(9,31%,30%) |
#346352 |
rgb(52,99,82) |
hsl(158,31%,30%) |
#635234 |
rgb(99,82,52) |
hsl(38,31%,30%) |