HEX #334A51 color — Limed Spruce
The color #334A51 is a dark shade and slightly desaturated.
Palette
334A51 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6f7 |
rgb(242,246,247) |
hsl(194,23%,96%) |
#e3ebed |
rgb(227,235,237) |
hsl(194,23%,91%) |
#d3e0e4 |
rgb(211,224,228) |
hsl(194,23%,86%) |
#c3d4da |
rgb(195,212,218) |
hsl(194,23%,81%) |
#b4c9d0 |
rgb(180,201,208) |
hsl(194,23%,76%) |
#a4bec6 |
rgb(164,190,198) |
hsl(194,23%,71%) |
#94b3bc |
rgb(148,179,188) |
hsl(194,23%,66%) |
#85a8b2 |
rgb(133,168,178) |
hsl(194,23%,61%) |
#759da9 |
rgb(117,157,169) |
hsl(194,23%,56%) |
#65919f |
rgb(101,145,159) |
hsl(194,23%,51%) |
#5a8490 |
rgb(90,132,144) |
hsl(194,23%,46%) |
#517581 |
rgb(81,117,129) |
hsl(194,23%,41%) |
#476771 |
rgb(71,103,113) |
hsl(194,23%,36%) |
#3d5961 |
rgb(61,89,97) |
hsl(194,23%,31%) |
#334a52 |
rgb(51,74,82) |
hsl(194,23%,26%) |
#293c42 |
rgb(41,60,66) |
hsl(194,23%,21%) |
#1f2e32 |
rgb(31,46,50) |
hsl(194,23%,16%) |
#161f23 |
rgb(22,31,35) |
hsl(194,23%,11%) |
#0c1113 |
rgb(12,17,19) |
hsl(194,23%,6%) |
#020303 |
rgb(2,3,3) |
hsl(194,23%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#335244 |
rgb(51,82,68) |
hsl(153,23%,26%) |
#334A51 |
rgb(51,74,81) |
hsl(194,23%,26%) |
#333651 |
rgb(51,54,81) |
hsl(234,23%,26%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B575D |
rgb(59,87,93) |
hsl(191,22%,30%) |
#334A51 |
rgb(51,74,81) |
hsl(194,23%,26%) |
#2A3D44 |
rgb(42,61,68) |
hsl(196,24%,22%) |
#223337 |
rgb(34,51,55) |
hsl(191,24%,17%) |
#1A262A |
rgb(26,38,42) |
hsl(195,24%,13%) |
#121A1D |
rgb(18,26,29) |
hsl(196,23%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#334A51 |
rgb(51,74,81) |
hsl(194,23%,26%) |
#51333B |
rgb(81,51,59) |
hsl(344,23%,26%) |
#514A33 |
rgb(81,74,51) |
hsl(46,23%,26%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#334A51 |
rgb(51,74,81) |
hsl(194,23%,26%) |
#513B33 |
rgb(81,59,51) |
hsl(16,23%,26%) |
#335249 |
rgb(51,82,73) |
hsl(163,23%,26%) |
#514A33 |
rgb(81,74,51) |
hsl(46,23%,26%) |