HEX #336DA3 color — Astral
The color #336da3 is a dark shade and moderately saturated.
Palette
336da3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fb |
rgb(243,247,251) |
hsl(209,52%,97%) |
#e0ebf5 |
rgb(224,235,245) |
hsl(209,52%,92%) |
#cddeef |
rgb(205,222,239) |
hsl(209,52%,87%) |
#b9d2e9 |
rgb(185,210,233) |
hsl(209,52%,82%) |
#a6c5e3 |
rgb(166,197,227) |
hsl(209,52%,77%) |
#92b9dd |
rgb(146,185,221) |
hsl(209,52%,72%) |
#7facd7 |
rgb(127,172,215) |
hsl(209,52%,67%) |
#6ca0d0 |
rgb(108,160,208) |
hsl(209,52%,62%) |
#5893ca |
rgb(88,147,202) |
hsl(209,52%,57%) |
#4587c4 |
rgb(69,135,196) |
hsl(209,52%,52%) |
#3a7ab6 |
rgb(58,122,182) |
hsl(209,52%,47%) |
#336da3 |
rgb(51,109,163) |
hsl(209,52%,42%) |
#2d608f |
rgb(45,96,143) |
hsl(209,52%,37%) |
#27537c |
rgb(39,83,124) |
hsl(209,52%,32%) |
#214669 |
rgb(33,70,105) |
hsl(209,52%,27%) |
#1b3955 |
rgb(27,57,85) |
hsl(209,52%,22%) |
#152c42 |
rgb(21,44,66) |
hsl(209,52%,17%) |
#0f1f2f |
rgb(15,31,47) |
hsl(209,52%,12%) |
#09121b |
rgb(9,18,27) |
hsl(209,52%,7%) |
#020508 |
rgb(2,5,8) |
hsl(209,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A38E |
rgb(51,163,142) |
hsl(169,52%,42%) |
#336DA3 |
rgb(51,109,163) |
hsl(209,52%,42%) |
#4333A3 |
rgb(67,51,163) |
hsl(249,52%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#518FC8 |
rgb(81,143,200) |
hsl(209,52%,55%) |
#3B80BD |
rgb(59,128,189) |
hsl(208,52%,49%) |
#336DA3 |
rgb(51,109,163) |
hsl(209,52%,42%) |
#2A5C88 |
rgb(42,92,136) |
hsl(208,53%,35%) |
#224A6E |
rgb(34,74,110) |
hsl(208,53%,28%) |
#1A3854 |
rgb(26,56,84) |
hsl(209,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#336DA3 |
rgb(51,109,163) |
hsl(209,52%,42%) |
#A33335 |
rgb(163,51,53) |
hsl(359,52%,42%) |
#A3A133 |
rgb(163,161,51) |
hsl(59,52%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336DA3 |
rgb(51,109,163) |
hsl(209,52%,42%) |
#A36933 |
rgb(163,105,51) |
hsl(29,52%,42%) |
#33A3A1 |
rgb(51,163,161) |
hsl(179,52%,42%) |
#A3A133 |
rgb(163,161,51) |
hsl(59,52%,42%) |