HEX #336197 color — Azure
The color #336197 is a dark shade and moderately saturated.
Palette
336197 color palette from light to dark
HEX |
RGB |
HSL |
#ecf2f9 |
rgb(236,242,249) |
hsl(212,50%,95%) |
#d9e5f2 |
rgb(217,229,242) |
hsl(212,50%,90%) |
#c6d7ec |
rgb(198,215,236) |
hsl(212,50%,85%) |
#b3cae6 |
rgb(179,202,230) |
hsl(212,50%,80%) |
#9fbddf |
rgb(159,189,223) |
hsl(212,50%,75%) |
#8cb0d9 |
rgb(140,176,217) |
hsl(212,50%,70%) |
#79a3d2 |
rgb(121,163,210) |
hsl(212,50%,65%) |
#6696cc |
rgb(102,150,204) |
hsl(212,50%,60%) |
#5388c6 |
rgb(83,136,198) |
hsl(212,50%,55%) |
#407bbf |
rgb(64,123,191) |
hsl(212,50%,50%) |
#396fac |
rgb(57,111,172) |
hsl(212,50%,45%) |
#336399 |
rgb(51,99,153) |
hsl(212,50%,40%) |
#2d5686 |
rgb(45,86,134) |
hsl(212,50%,35%) |
#264a73 |
rgb(38,74,115) |
hsl(212,50%,30%) |
#203e60 |
rgb(32,62,96) |
hsl(212,50%,25%) |
#1a314d |
rgb(26,49,77) |
hsl(212,50%,20%) |
#132539 |
rgb(19,37,57) |
hsl(212,50%,15%) |
#0d1926 |
rgb(13,25,38) |
hsl(212,50%,10%) |
#060c13 |
rgb(6,12,19) |
hsl(212,50%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#33968A |
rgb(51,150,138) |
hsl(173,49%,39%) |
#336197 |
rgb(51,97,151) |
hsl(212,50%,40%) |
#473397 |
rgb(71,51,151) |
hsl(252,50%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B70AF |
rgb(59,112,175) |
hsl(213,50%,46%) |
#336197 |
rgb(51,97,151) |
hsl(212,50%,40%) |
#2A527E |
rgb(42,82,126) |
hsl(211,50%,33%) |
#224266 |
rgb(34,66,102) |
hsl(212,50%,27%) |
#1A334E |
rgb(26,51,78) |
hsl(211,50%,20%) |
#122436 |
rgb(18,36,54) |
hsl(210,50%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#336197 |
rgb(51,97,151) |
hsl(212,50%,40%) |
#973833 |
rgb(151,56,51) |
hsl(3,50%,40%) |
#939633 |
rgb(147,150,51) |
hsl(62,49%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336197 |
rgb(51,97,151) |
hsl(212,50%,40%) |
#976933 |
rgb(151,105,51) |
hsl(32,50%,40%) |
#339497 |
rgb(51,148,151) |
hsl(182,50%,40%) |
#939633 |
rgb(147,150,51) |
hsl(62,49%,39%) |