HEX #338AA5 color — Astral
The color #338AA5 is a dark shade and moderately saturated.
Palette
338AA5 color palette from light to dark
HEX |
RGB |
HSL |
#f3fafb |
rgb(243,250,251) |
hsl(194,53%,97%) |
#e0f0f5 |
rgb(224,240,245) |
hsl(194,53%,92%) |
#cce7ef |
rgb(204,231,239) |
hsl(194,53%,87%) |
#b9dee9 |
rgb(185,222,233) |
hsl(194,53%,82%) |
#a5d5e3 |
rgb(165,213,227) |
hsl(194,53%,77%) |
#92ccdd |
rgb(146,204,221) |
hsl(194,53%,72%) |
#7ec3d7 |
rgb(126,195,215) |
hsl(194,53%,67%) |
#6bb9d1 |
rgb(107,185,209) |
hsl(194,53%,62%) |
#57b0cb |
rgb(87,176,203) |
hsl(194,53%,57%) |
#44a7c5 |
rgb(68,167,197) |
hsl(194,53%,52%) |
#389ab7 |
rgb(56,154,183) |
hsl(194,53%,47%) |
#3289a4 |
rgb(50,137,164) |
hsl(194,53%,42%) |
#2c7990 |
rgb(44,121,144) |
hsl(194,53%,37%) |
#26697d |
rgb(38,105,125) |
hsl(194,53%,32%) |
#205869 |
rgb(32,88,105) |
hsl(194,53%,27%) |
#1a4856 |
rgb(26,72,86) |
hsl(194,53%,22%) |
#143842 |
rgb(20,56,66) |
hsl(194,53%,17%) |
#0e272f |
rgb(14,39,47) |
hsl(194,53%,12%) |
#08171b |
rgb(8,23,27) |
hsl(194,53%,7%) |
#020708 |
rgb(2,7,8) |
hsl(194,53%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A674 |
rgb(51,166,116) |
hsl(154,53%,43%) |
#338AA5 |
rgb(51,138,165) |
hsl(194,53%,42%) |
#333DA5 |
rgb(51,61,165) |
hsl(235,53%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#53ADC9 |
rgb(83,173,201) |
hsl(194,52%,56%) |
#3BA1BF |
rgb(59,161,191) |
hsl(194,53%,49%) |
#338AA5 |
rgb(51,138,165) |
hsl(194,53%,42%) |
#2A738A |
rgb(42,115,138) |
hsl(194,53%,35%) |
#225E70 |
rgb(34,94,112) |
hsl(194,53%,29%) |
#1A4755 |
rgb(26,71,85) |
hsl(194,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#338AA5 |
rgb(51,138,165) |
hsl(194,53%,42%) |
#A53351 |
rgb(165,51,81) |
hsl(344,53%,42%) |
#A58733 |
rgb(165,135,51) |
hsl(44,53%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#338AA5 |
rgb(51,138,165) |
hsl(194,53%,42%) |
#A54F33 |
rgb(165,79,51) |
hsl(15,53%,42%) |
#33A687 |
rgb(51,166,135) |
hsl(164,53%,43%) |
#A58733 |
rgb(165,135,51) |
hsl(44,53%,42%) |