HEX #336EA0 color — Astral
The color #336EA0 is a dark shade and moderately saturated.
Palette
336EA0 color palette from light to dark
HEX |
RGB |
HSL |
#eff5fa |
rgb(239,245,250) |
hsl(208,52%,96%) |
#dce9f4 |
rgb(220,233,244) |
hsl(208,52%,91%) |
#c9ddee |
rgb(201,221,238) |
hsl(208,52%,86%) |
#b5d0e8 |
rgb(181,208,232) |
hsl(208,52%,81%) |
#a2c4e2 |
rgb(162,196,226) |
hsl(208,52%,76%) |
#8fb8dc |
rgb(143,184,220) |
hsl(208,52%,71%) |
#7babd5 |
rgb(123,171,213) |
hsl(208,52%,66%) |
#689fcf |
rgb(104,159,207) |
hsl(208,52%,61%) |
#5493c9 |
rgb(84,147,201) |
hsl(208,52%,56%) |
#4186c3 |
rgb(65,134,195) |
hsl(208,52%,51%) |
#3879b2 |
rgb(56,121,178) |
hsl(208,52%,46%) |
#326c9f |
rgb(50,108,159) |
hsl(208,52%,41%) |
#2c5f8c |
rgb(44,95,140) |
hsl(208,52%,36%) |
#265278 |
rgb(38,82,120) |
hsl(208,52%,31%) |
#204565 |
rgb(32,69,101) |
hsl(208,52%,26%) |
#1a3751 |
rgb(26,55,81) |
hsl(208,52%,21%) |
#142a3e |
rgb(20,42,62) |
hsl(208,52%,16%) |
#0d1d2b |
rgb(13,29,43) |
hsl(208,52%,11%) |
#071017 |
rgb(7,16,23) |
hsl(208,52%,6%) |
#010304 |
rgb(1,3,4) |
hsl(208,52%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A189 |
rgb(51,161,137) |
hsl(167,52%,42%) |
#336EA0 |
rgb(51,110,160) |
hsl(208,52%,41%) |
#4033A0 |
rgb(64,51,160) |
hsl(247,52%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F91C7 |
rgb(79,145,199) |
hsl(207,52%,55%) |
#3B80B9 |
rgb(59,128,185) |
hsl(207,52%,48%) |
#336EA0 |
rgb(51,110,160) |
hsl(208,52%,41%) |
#2A5C86 |
rgb(42,92,134) |
hsl(207,52%,35%) |
#224A6C |
rgb(34,74,108) |
hsl(208,52%,28%) |
#1A3853 |
rgb(26,56,83) |
hsl(208,52%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#336EA0 |
rgb(51,110,160) |
hsl(208,52%,41%) |
#A03337 |
rgb(160,51,55) |
hsl(358,52%,41%) |
#A09C33 |
rgb(160,156,51) |
hsl(58,52%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336EA0 |
rgb(51,110,160) |
hsl(208,52%,41%) |
#A06633 |
rgb(160,102,51) |
hsl(28,52%,41%) |
#33A19B |
rgb(51,161,155) |
hsl(177,52%,42%) |
#A09C33 |
rgb(160,156,51) |
hsl(58,52%,41%) |