HEX #338AAA color — Astral
The color #338AAA is a dark shade and moderately saturated.
Palette
338AAA color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(196,54%,98%) |
#e4f2f7 |
rgb(228,242,247) |
hsl(196,54%,93%) |
#d0e8f1 |
rgb(208,232,241) |
hsl(196,54%,88%) |
#bcdfeb |
rgb(188,223,235) |
hsl(196,54%,83%) |
#a9d5e5 |
rgb(169,213,229) |
hsl(196,54%,78%) |
#95ccdf |
rgb(149,204,223) |
hsl(196,54%,73%) |
#81c2d9 |
rgb(129,194,217) |
hsl(196,54%,68%) |
#6eb8d4 |
rgb(110,184,212) |
hsl(196,54%,63%) |
#5aafce |
rgb(90,175,206) |
hsl(196,54%,58%) |
#46a5c8 |
rgb(70,165,200) |
hsl(196,54%,53%) |
#3899bc |
rgb(56,153,188) |
hsl(196,54%,48%) |
#3289a9 |
rgb(50,137,169) |
hsl(196,54%,43%) |
#2d7995 |
rgb(45,121,149) |
hsl(196,54%,38%) |
#276982 |
rgb(39,105,130) |
hsl(196,54%,33%) |
#21596e |
rgb(33,89,110) |
hsl(196,54%,28%) |
#1b495a |
rgb(27,73,90) |
hsl(196,54%,23%) |
#153947 |
rgb(21,57,71) |
hsl(196,54%,18%) |
#0f2a33 |
rgb(15,42,51) |
hsl(196,54%,13%) |
#091a1f |
rgb(9,26,31) |
hsl(196,54%,8%) |
#040a0c |
rgb(4,10,12) |
hsl(196,54%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33AB7A |
rgb(51,171,122) |
hsl(156,54%,44%) |
#338AAA |
rgb(51,138,170) |
hsl(196,54%,43%) |
#333BAA |
rgb(51,59,170) |
hsl(236,54%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#57ADCC |
rgb(87,173,204) |
hsl(196,53%,57%) |
#3BA1C4 |
rgb(59,161,196) |
hsl(195,54%,50%) |
#338AAA |
rgb(51,138,170) |
hsl(196,54%,43%) |
#2A738E |
rgb(42,115,142) |
hsl(196,54%,36%) |
#225E73 |
rgb(34,94,115) |
hsl(196,54%,29%) |
#1A4758 |
rgb(26,71,88) |
hsl(196,54%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#338AAA |
rgb(51,138,170) |
hsl(196,54%,43%) |
#AA334E |
rgb(170,51,78) |
hsl(346,54%,43%) |
#AA8F33 |
rgb(170,143,51) |
hsl(46,54%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#338AAA |
rgb(51,138,170) |
hsl(196,54%,43%) |
#AA5433 |
rgb(170,84,51) |
hsl(17,54%,43%) |
#33AB8E |
rgb(51,171,142) |
hsl(166,54%,44%) |
#AA8F33 |
rgb(170,143,51) |
hsl(46,54%,43%) |