HEX #339688 color — Lochinvar
The color #339688 is a light shade and moderately saturated.
Palette
339688 color palette from light to dark
HEX |
RGB |
HSL |
#fbfefd |
rgb(251,254,253) |
hsl(172,49%,99%) |
#e8f7f5 |
rgb(232,247,245) |
hsl(172,49%,94%) |
#d5f1ed |
rgb(213,241,237) |
hsl(172,49%,89%) |
#c2eae5 |
rgb(194,234,229) |
hsl(172,49%,84%) |
#afe4dd |
rgb(175,228,221) |
hsl(172,49%,79%) |
#9cddd5 |
rgb(156,221,213) |
hsl(172,49%,74%) |
#89d7cc |
rgb(137,215,204) |
hsl(172,49%,69%) |
#76d0c4 |
rgb(118,208,196) |
hsl(172,49%,64%) |
#63cabc |
rgb(99,202,188) |
hsl(172,49%,59%) |
#50c3b4 |
rgb(80,195,180) |
hsl(172,49%,54%) |
#40baaa |
rgb(64,186,170) |
hsl(172,49%,49%) |
#39a799 |
rgb(57,167,153) |
hsl(172,49%,44%) |
#339487 |
rgb(51,148,135) |
hsl(172,49%,39%) |
#2c8176 |
rgb(44,129,118) |
hsl(172,49%,34%) |
#266e65 |
rgb(38,110,101) |
hsl(172,49%,29%) |
#1f5b53 |
rgb(31,91,83) |
hsl(172,49%,24%) |
#194842 |
rgb(25,72,66) |
hsl(172,49%,19%) |
#123531 |
rgb(18,53,49) |
hsl(172,49%,14%) |
#0c221f |
rgb(12,34,31) |
hsl(172,49%,9%) |
#050f0e |
rgb(5,15,14) |
hsl(172,49%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#339646 |
rgb(51,150,70) |
hsl(132,49%,39%) |
#339688 |
rgb(51,150,136) |
hsl(172,49%,39%) |
#336196 |
rgb(51,97,150) |
hsl(212,49%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3BAD9D |
rgb(59,173,157) |
hsl(172,49%,45%) |
#339688 |
rgb(51,150,136) |
hsl(172,49%,39%) |
#2A7D72 |
rgb(42,125,114) |
hsl(172,50%,33%) |
#22665C |
rgb(34,102,92) |
hsl(171,50%,27%) |
#1A4F46 |
rgb(26,79,70) |
hsl(170,50%,21%) |
#123630 |
rgb(18,54,48) |
hsl(170,50%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#339688 |
rgb(51,150,136) |
hsl(172,49%,39%) |
#963372 |
rgb(150,51,114) |
hsl(322,49%,39%) |
#965733 |
rgb(150,87,51) |
hsl(22,49%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#339688 |
rgb(51,150,136) |
hsl(172,49%,39%) |
#963341 |
rgb(150,51,65) |
hsl(352,49%,39%) |
#339656 |
rgb(51,150,86) |
hsl(141,49%,39%) |
#965733 |
rgb(150,87,51) |
hsl(22,49%,39%) |