HEX #336EA8 color — Astral
The color #336EA8 is a dark shade and moderately saturated.
Palette
336EA8 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(210,53%,98%) |
#e4edf7 |
rgb(228,237,247) |
hsl(210,53%,93%) |
#d0e0f1 |
rgb(208,224,241) |
hsl(210,53%,88%) |
#bdd4eb |
rgb(189,212,235) |
hsl(210,53%,83%) |
#a9c7e5 |
rgb(169,199,229) |
hsl(210,53%,78%) |
#96badf |
rgb(150,186,223) |
hsl(210,53%,73%) |
#82add9 |
rgb(130,173,217) |
hsl(210,53%,68%) |
#6fa1d3 |
rgb(111,161,211) |
hsl(210,53%,63%) |
#5b94cd |
rgb(91,148,205) |
hsl(210,53%,58%) |
#4887c7 |
rgb(72,135,199) |
hsl(210,53%,53%) |
#3a7abb |
rgb(58,122,187) |
hsl(210,53%,48%) |
#346ea8 |
rgb(52,110,168) |
hsl(210,53%,43%) |
#2e6194 |
rgb(46,97,148) |
hsl(210,53%,38%) |
#285481 |
rgb(40,84,129) |
hsl(210,53%,33%) |
#22476d |
rgb(34,71,109) |
hsl(210,53%,28%) |
#1c3b5a |
rgb(28,59,90) |
hsl(210,53%,23%) |
#162e46 |
rgb(22,46,70) |
hsl(210,53%,18%) |
#102133 |
rgb(16,33,51) |
hsl(210,53%,13%) |
#0a141f |
rgb(10,20,31) |
hsl(210,53%,8%) |
#04080c |
rgb(4,8,12) |
hsl(210,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A894 |
rgb(51,168,148) |
hsl(170,53%,43%) |
#336EA8 |
rgb(51,110,168) |
hsl(210,53%,43%) |
#4633A8 |
rgb(70,51,168) |
hsl(250,53%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5591CB |
rgb(85,145,203) |
hsl(209,53%,56%) |
#3B80C2 |
rgb(59,128,194) |
hsl(209,53%,50%) |
#336EA8 |
rgb(51,110,168) |
hsl(210,53%,43%) |
#2A5C8D |
rgb(42,92,141) |
hsl(210,54%,36%) |
#224A72 |
rgb(34,74,114) |
hsl(210,54%,29%) |
#1A3857 |
rgb(26,56,87) |
hsl(210,54%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#336EA8 |
rgb(51,110,168) |
hsl(210,53%,43%) |
#A83333 |
rgb(168,51,51) |
hsl(360,53%,43%) |
#A8A833 |
rgb(168,168,51) |
hsl(60,53%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336EA8 |
rgb(51,110,168) |
hsl(210,53%,43%) |
#A86E33 |
rgb(168,110,51) |
hsl(30,53%,43%) |
#33A8A7 |
rgb(51,168,167) |
hsl(179,53%,43%) |
#A8A833 |
rgb(168,168,51) |
hsl(60,53%,43%) |