HEX #335EA3 color — Azure
The color #335ea3 is a dark shade and moderately saturated.
Palette
335ea3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(217,52%,97%) |
#e0e8f5 |
rgb(224,232,245) |
hsl(217,52%,92%) |
#cddaef |
rgb(205,218,239) |
hsl(217,52%,87%) |
#b9cce9 |
rgb(185,204,233) |
hsl(217,52%,82%) |
#a6bde3 |
rgb(166,189,227) |
hsl(217,52%,77%) |
#92afdd |
rgb(146,175,221) |
hsl(217,52%,72%) |
#7fa1d7 |
rgb(127,161,215) |
hsl(217,52%,67%) |
#6c92d0 |
rgb(108,146,208) |
hsl(217,52%,62%) |
#5884ca |
rgb(88,132,202) |
hsl(217,52%,57%) |
#4576c4 |
rgb(69,118,196) |
hsl(217,52%,52%) |
#3a69b6 |
rgb(58,105,182) |
hsl(217,52%,47%) |
#335ea3 |
rgb(51,94,163) |
hsl(217,52%,42%) |
#2d538f |
rgb(45,83,143) |
hsl(217,52%,37%) |
#27487c |
rgb(39,72,124) |
hsl(217,52%,32%) |
#213c69 |
rgb(33,60,105) |
hsl(217,52%,27%) |
#1b3155 |
rgb(27,49,85) |
hsl(217,52%,22%) |
#152642 |
rgb(21,38,66) |
hsl(217,52%,17%) |
#0f1b2f |
rgb(15,27,47) |
hsl(217,52%,12%) |
#09101b |
rgb(9,16,27) |
hsl(217,52%,7%) |
#020408 |
rgb(2,4,8) |
hsl(217,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A39D |
rgb(51,163,157) |
hsl(177,52%,42%) |
#335EA3 |
rgb(51,94,163) |
hsl(217,52%,42%) |
#5233A3 |
rgb(82,51,163) |
hsl(257,52%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5180C8 |
rgb(81,128,200) |
hsl(216,52%,55%) |
#3B6EBD |
rgb(59,110,189) |
hsl(216,52%,49%) |
#335EA3 |
rgb(51,94,163) |
hsl(217,52%,42%) |
#2A4F88 |
rgb(42,79,136) |
hsl(216,53%,35%) |
#22406E |
rgb(34,64,110) |
hsl(216,53%,28%) |
#1A3054 |
rgb(26,48,84) |
hsl(217,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#335EA3 |
rgb(51,94,163) |
hsl(217,52%,42%) |
#A34033 |
rgb(163,64,51) |
hsl(7,52%,42%) |
#96A333 |
rgb(150,163,51) |
hsl(67,52%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#335EA3 |
rgb(51,94,163) |
hsl(217,52%,42%) |
#A37833 |
rgb(163,120,51) |
hsl(37,52%,42%) |
#3396A3 |
rgb(51,150,163) |
hsl(187,52%,42%) |
#96A333 |
rgb(150,163,51) |
hsl(67,52%,42%) |