HEX #335996 color — Azure
The color #335996 is a dark shade and moderately saturated.
Palette
335996 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(217,49%,99%) |
#e8eef7 |
rgb(232,238,247) |
hsl(217,49%,94%) |
#d5e0f1 |
rgb(213,224,241) |
hsl(217,49%,89%) |
#c2d2ea |
rgb(194,210,234) |
hsl(217,49%,84%) |
#afc3e4 |
rgb(175,195,228) |
hsl(217,49%,79%) |
#9cb5dd |
rgb(156,181,221) |
hsl(217,49%,74%) |
#89a7d7 |
rgb(137,167,215) |
hsl(217,49%,69%) |
#7699d0 |
rgb(118,153,208) |
hsl(217,49%,64%) |
#638aca |
rgb(99,138,202) |
hsl(217,49%,59%) |
#507cc3 |
rgb(80,124,195) |
hsl(217,49%,54%) |
#406fba |
rgb(64,111,186) |
hsl(217,49%,49%) |
#3963a7 |
rgb(57,99,167) |
hsl(217,49%,44%) |
#335894 |
rgb(51,88,148) |
hsl(217,49%,39%) |
#2c4d81 |
rgb(44,77,129) |
hsl(217,49%,34%) |
#26416e |
rgb(38,65,110) |
hsl(217,49%,29%) |
#1f365b |
rgb(31,54,91) |
hsl(217,49%,24%) |
#192b48 |
rgb(25,43,72) |
hsl(217,49%,19%) |
#122035 |
rgb(18,32,53) |
hsl(217,49%,14%) |
#0c1422 |
rgb(12,20,34) |
hsl(217,49%,9%) |
#05090f |
rgb(5,9,15) |
hsl(217,49%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#339691 |
rgb(51,150,145) |
hsl(177,49%,39%) |
#335996 |
rgb(51,89,150) |
hsl(217,49%,39%) |
#4F3396 |
rgb(79,51,150) |
hsl(257,49%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B66AE |
rgb(59,102,174) |
hsl(218,49%,46%) |
#335996 |
rgb(51,89,150) |
hsl(217,49%,39%) |
#2A4A7E |
rgb(42,74,126) |
hsl(217,50%,33%) |
#223D66 |
rgb(34,61,102) |
hsl(216,50%,27%) |
#1A2E4E |
rgb(26,46,78) |
hsl(217,50%,20%) |
#122136 |
rgb(18,33,54) |
hsl(215,50%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#335996 |
rgb(51,89,150) |
hsl(217,49%,39%) |
#964033 |
rgb(150,64,51) |
hsl(8,49%,39%) |
#8A9633 |
rgb(138,150,51) |
hsl(67,49%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#335996 |
rgb(51,89,150) |
hsl(217,49%,39%) |
#967033 |
rgb(150,112,51) |
hsl(37,49%,39%) |
#338A96 |
rgb(51,138,150) |
hsl(187,49%,39%) |
#8A9633 |
rgb(138,150,51) |
hsl(67,49%,39%) |