HEX #339477 color — Lochinvar
The color #339477 is a dark shade and moderately saturated.
Palette
339477 color palette from light to dark
HEX |
RGB |
HSL |
#fbfefd |
rgb(251,254,253) |
hsl(162,49%,99%) |
#e8f7f3 |
rgb(232,247,243) |
hsl(162,49%,94%) |
#d5f1e8 |
rgb(213,241,232) |
hsl(162,49%,89%) |
#c2eade |
rgb(194,234,222) |
hsl(162,49%,84%) |
#afe4d4 |
rgb(175,228,212) |
hsl(162,49%,79%) |
#9cddca |
rgb(156,221,202) |
hsl(162,49%,74%) |
#89d7bf |
rgb(137,215,191) |
hsl(162,49%,69%) |
#76d0b5 |
rgb(118,208,181) |
hsl(162,49%,64%) |
#63caab |
rgb(99,202,171) |
hsl(162,49%,59%) |
#50c3a1 |
rgb(80,195,161) |
hsl(162,49%,54%) |
#40ba95 |
rgb(64,186,149) |
hsl(162,49%,49%) |
#39a786 |
rgb(57,167,134) |
hsl(162,49%,44%) |
#339477 |
rgb(51,148,119) |
hsl(162,49%,39%) |
#2c8168 |
rgb(44,129,104) |
hsl(162,49%,34%) |
#266e58 |
rgb(38,110,88) |
hsl(162,49%,29%) |
#1f5b49 |
rgb(31,91,73) |
hsl(162,49%,24%) |
#19483a |
rgb(25,72,58) |
hsl(162,49%,19%) |
#12352b |
rgb(18,53,43) |
hsl(162,49%,14%) |
#0c221b |
rgb(12,34,27) |
hsl(162,49%,9%) |
#050f0c |
rgb(5,15,12) |
hsl(162,49%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#339436 |
rgb(51,148,54) |
hsl(122,49%,39%) |
#339477 |
rgb(51,148,119) |
hsl(162,49%,39%) |
#337094 |
rgb(51,112,148) |
hsl(202,49%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3BAB8A |
rgb(59,171,138) |
hsl(162,49%,45%) |
#339477 |
rgb(51,148,119) |
hsl(162,49%,39%) |
#2A7D63 |
rgb(42,125,99) |
hsl(161,50%,33%) |
#226350 |
rgb(34,99,80) |
hsl(162,49%,26%) |
#1A4D3D |
rgb(26,77,61) |
hsl(161,50%,20%) |
#12362A |
rgb(18,54,42) |
hsl(160,50%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#339477 |
rgb(51,148,119) |
hsl(162,49%,39%) |
#943380 |
rgb(148,51,128) |
hsl(312,49%,39%) |
#944733 |
rgb(148,71,51) |
hsl(12,49%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#339477 |
rgb(51,148,119) |
hsl(162,49%,39%) |
#943350 |
rgb(148,51,80) |
hsl(342,49%,39%) |
#339446 |
rgb(51,148,70) |
hsl(132,49%,39%) |
#944733 |
rgb(148,71,51) |
hsl(12,49%,39%) |