HEX #338AA8 color — Astral
The color #338AA8 is a dark shade and moderately saturated.
Palette
338AA8 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 |
#33A878 |
rgb(51,168,120) |
hsl(155,53%,43%) |
#338AA8 |
rgb(51,138,168) |
hsl(195,53%,43%) |
#333DA8 |
rgb(51,61,168) |
hsl(235,53%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#55ADCB |
rgb(85,173,203) |
hsl(195,53%,56%) |
#3BA1C2 |
rgb(59,161,194) |
hsl(195,53%,50%) |
#338AA8 |
rgb(51,138,168) |
hsl(195,53%,43%) |
#2A738D |
rgb(42,115,141) |
hsl(196,54%,36%) |
#225E72 |
rgb(34,94,114) |
hsl(195,54%,29%) |
#1A4757 |
rgb(26,71,87) |
hsl(196,54%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#338AA8 |
rgb(51,138,168) |
hsl(195,53%,43%) |
#A8334F |
rgb(168,51,79) |
hsl(346,53%,43%) |
#A88C33 |
rgb(168,140,51) |
hsl(46,53%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#338AA8 |
rgb(51,138,168) |
hsl(195,53%,43%) |
#A85233 |
rgb(168,82,51) |
hsl(16,53%,43%) |
#33A88B |
rgb(51,168,139) |
hsl(165,53%,43%) |
#A88C33 |
rgb(168,140,51) |
hsl(46,53%,43%) |