HEX #338F97 color — Lochinvar
The color #338F97 is a dark shade and moderately saturated.
Palette
338F97 color palette from light to dark
HEX |
RGB |
HSL |
#ecf8f9 |
rgb(236,248,249) |
hsl(185,50%,95%) |
#d9f0f2 |
rgb(217,240,242) |
hsl(185,50%,90%) |
#c6e9ec |
rgb(198,233,236) |
hsl(185,50%,85%) |
#b3e1e6 |
rgb(179,225,230) |
hsl(185,50%,80%) |
#9fdadf |
rgb(159,218,223) |
hsl(185,50%,75%) |
#8cd2d9 |
rgb(140,210,217) |
hsl(185,50%,70%) |
#79cbd2 |
rgb(121,203,210) |
hsl(185,50%,65%) |
#66c4cc |
rgb(102,196,204) |
hsl(185,50%,60%) |
#53bcc6 |
rgb(83,188,198) |
hsl(185,50%,55%) |
#40b5bf |
rgb(64,181,191) |
hsl(185,50%,50%) |
#39a3ac |
rgb(57,163,172) |
hsl(185,50%,45%) |
#339199 |
rgb(51,145,153) |
hsl(185,50%,40%) |
#2d7e86 |
rgb(45,126,134) |
hsl(185,50%,35%) |
#266c73 |
rgb(38,108,115) |
hsl(185,50%,30%) |
#205a60 |
rgb(32,90,96) |
hsl(185,50%,25%) |
#1a484d |
rgb(26,72,77) |
hsl(185,50%,20%) |
#133639 |
rgb(19,54,57) |
hsl(185,50%,15%) |
#0d2426 |
rgb(13,36,38) |
hsl(185,50%,10%) |
#061213 |
rgb(6,18,19) |
hsl(185,50%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#33965C |
rgb(51,150,92) |
hsl(145,49%,39%) |
#338F97 |
rgb(51,143,151) |
hsl(185,50%,40%) |
#334D97 |
rgb(51,77,151) |
hsl(224,50%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3BA6AF |
rgb(59,166,175) |
hsl(185,50%,46%) |
#338F97 |
rgb(51,143,151) |
hsl(185,50%,40%) |
#2A787E |
rgb(42,120,126) |
hsl(184,50%,33%) |
#226166 |
rgb(34,97,102) |
hsl(184,50%,27%) |
#1A4A4E |
rgb(26,74,78) |
hsl(185,50%,20%) |
#123336 |
rgb(18,51,54) |
hsl(185,50%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#338F97 |
rgb(51,143,151) |
hsl(185,50%,40%) |
#97335D |
rgb(151,51,93) |
hsl(335,50%,40%) |
#976E33 |
rgb(151,110,51) |
hsl(35,50%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#338F97 |
rgb(51,143,151) |
hsl(185,50%,40%) |
#973B33 |
rgb(151,59,51) |
hsl(5,50%,40%) |
#33966D |
rgb(51,150,109) |
hsl(155,49%,39%) |
#976E33 |
rgb(151,110,51) |
hsl(35,50%,40%) |