HEX #338CA5 color — Astral
The color #338CA5 is a dark shade and moderately saturated.
Palette
338CA5 color palette from light to dark
HEX |
RGB |
HSL |
#f3fafb |
rgb(243,250,251) |
hsl(193,53%,97%) |
#e0f1f5 |
rgb(224,241,245) |
hsl(193,53%,92%) |
#cce8ef |
rgb(204,232,239) |
hsl(193,53%,87%) |
#b9dfe9 |
rgb(185,223,233) |
hsl(193,53%,82%) |
#a5d6e3 |
rgb(165,214,227) |
hsl(193,53%,77%) |
#92cddd |
rgb(146,205,221) |
hsl(193,53%,72%) |
#7ec4d7 |
rgb(126,196,215) |
hsl(193,53%,67%) |
#6bbbd1 |
rgb(107,187,209) |
hsl(193,53%,62%) |
#57b2cb |
rgb(87,178,203) |
hsl(193,53%,57%) |
#44a9c5 |
rgb(68,169,197) |
hsl(193,53%,52%) |
#389cb7 |
rgb(56,156,183) |
hsl(193,53%,47%) |
#328ba4 |
rgb(50,139,164) |
hsl(193,53%,42%) |
#2c7b90 |
rgb(44,123,144) |
hsl(193,53%,37%) |
#266a7d |
rgb(38,106,125) |
hsl(193,53%,32%) |
#205a69 |
rgb(32,90,105) |
hsl(193,53%,27%) |
#1a4956 |
rgb(26,73,86) |
hsl(193,53%,22%) |
#143842 |
rgb(20,56,66) |
hsl(193,53%,17%) |
#0e282f |
rgb(14,40,47) |
hsl(193,53%,12%) |
#08171b |
rgb(8,23,27) |
hsl(193,53%,7%) |
#020708 |
rgb(2,7,8) |
hsl(193,53%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A672 |
rgb(51,166,114) |
hsl(153,53%,43%) |
#338CA5 |
rgb(51,140,165) |
hsl(193,53%,42%) |
#3340A5 |
rgb(51,64,165) |
hsl(233,53%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#53B0C9 |
rgb(83,176,201) |
hsl(193,52%,56%) |
#3BA3BF |
rgb(59,163,191) |
hsl(193,53%,49%) |
#338CA5 |
rgb(51,140,165) |
hsl(193,53%,42%) |
#2A758A |
rgb(42,117,138) |
hsl(193,53%,35%) |
#225E70 |
rgb(34,94,112) |
hsl(194,53%,29%) |
#1A4A55 |
rgb(26,74,85) |
hsl(191,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#338CA5 |
rgb(51,140,165) |
hsl(193,53%,42%) |
#A53353 |
rgb(165,51,83) |
hsl(343,53%,42%) |
#A58533 |
rgb(165,133,51) |
hsl(43,53%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#338CA5 |
rgb(51,140,165) |
hsl(193,53%,42%) |
#A54D33 |
rgb(165,77,51) |
hsl(14,53%,42%) |
#33A685 |
rgb(51,166,133) |
hsl(163,53%,43%) |
#A58533 |
rgb(165,133,51) |
hsl(43,53%,42%) |