HEX #338AA6 color — Astral
The color #338AA6 is a dark shade and moderately saturated.
Palette
338AA6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(195,53%,98%) |
#e4f2f7 |
rgb(228,242,247) |
hsl(195,53%,93%) |
#d0e9f1 |
rgb(208,233,241) |
hsl(195,53%,88%) |
#bddfeb |
rgb(189,223,235) |
hsl(195,53%,83%) |
#a9d6e5 |
rgb(169,214,229) |
hsl(195,53%,78%) |
#96ccdf |
rgb(150,204,223) |
hsl(195,53%,73%) |
#82c3d9 |
rgb(130,195,217) |
hsl(195,53%,68%) |
#6fbad3 |
rgb(111,186,211) |
hsl(195,53%,63%) |
#5bb0cd |
rgb(91,176,205) |
hsl(195,53%,58%) |
#48a7c7 |
rgb(72,167,199) |
hsl(195,53%,53%) |
#3a9bbb |
rgb(58,155,187) |
hsl(195,53%,48%) |
#348ba8 |
rgb(52,139,168) |
hsl(195,53%,43%) |
#2e7b94 |
rgb(46,123,148) |
hsl(195,53%,38%) |
#286a81 |
rgb(40,106,129) |
hsl(195,53%,33%) |
#225a6d |
rgb(34,90,109) |
hsl(195,53%,28%) |
#1c4a5a |
rgb(28,74,90) |
hsl(195,53%,23%) |
#163a46 |
rgb(22,58,70) |
hsl(195,53%,18%) |
#102a33 |
rgb(16,42,51) |
hsl(195,53%,13%) |
#0a1a1f |
rgb(10,26,31) |
hsl(195,53%,8%) |
#040a0c |
rgb(4,10,12) |
hsl(195,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A675 |
rgb(51,166,117) |
hsl(154,53%,43%) |
#338AA6 |
rgb(51,138,166) |
hsl(195,53%,43%) |
#333DA6 |
rgb(51,61,166) |
hsl(235,53%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#53ADCA |
rgb(83,173,202) |
hsl(195,53%,56%) |
#3BA1C0 |
rgb(59,161,192) |
hsl(194,53%,49%) |
#338AA6 |
rgb(51,138,166) |
hsl(195,53%,43%) |
#2A738B |
rgb(42,115,139) |
hsl(195,54%,35%) |
#225E70 |
rgb(34,94,112) |
hsl(194,53%,29%) |
#1A4756 |
rgb(26,71,86) |
hsl(195,54%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#338AA6 |
rgb(51,138,166) |
hsl(195,53%,43%) |
#A63350 |
rgb(166,51,80) |
hsl(345,53%,43%) |
#A68A33 |
rgb(166,138,51) |
hsl(45,53%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#338AA6 |
rgb(51,138,166) |
hsl(195,53%,43%) |
#A64F33 |
rgb(166,79,51) |
hsl(15,53%,43%) |
#33A688 |
rgb(51,166,136) |
hsl(164,53%,43%) |
#A68A33 |
rgb(166,138,51) |
hsl(45,53%,43%) |