HEX #337AA0 color — Astral
The color #337AA0 is a dark shade and moderately saturated.
Palette
337AA0 color palette from light to dark
HEX |
RGB |
HSL |
#eff6fa |
rgb(239,246,250) |
hsl(201,52%,96%) |
#dcecf4 |
rgb(220,236,244) |
hsl(201,52%,91%) |
#c9e1ee |
rgb(201,225,238) |
hsl(201,52%,86%) |
#b5d6e8 |
rgb(181,214,232) |
hsl(201,52%,81%) |
#a2cbe2 |
rgb(162,203,226) |
hsl(201,52%,76%) |
#8fc1dc |
rgb(143,193,220) |
hsl(201,52%,71%) |
#7bb6d5 |
rgb(123,182,213) |
hsl(201,52%,66%) |
#68abcf |
rgb(104,171,207) |
hsl(201,52%,61%) |
#54a0c9 |
rgb(84,160,201) |
hsl(201,52%,56%) |
#4196c3 |
rgb(65,150,195) |
hsl(201,52%,51%) |
#3888b2 |
rgb(56,136,178) |
hsl(201,52%,46%) |
#32799f |
rgb(50,121,159) |
hsl(201,52%,41%) |
#2c6a8c |
rgb(44,106,140) |
hsl(201,52%,36%) |
#265b78 |
rgb(38,91,120) |
hsl(201,52%,31%) |
#204d65 |
rgb(32,77,101) |
hsl(201,52%,26%) |
#1a3e51 |
rgb(26,62,81) |
hsl(201,52%,21%) |
#142f3e |
rgb(20,47,62) |
hsl(201,52%,16%) |
#0d202b |
rgb(13,32,43) |
hsl(201,52%,11%) |
#071217 |
rgb(7,18,23) |
hsl(201,52%,6%) |
#010304 |
rgb(1,3,4) |
hsl(201,52%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A17D |
rgb(51,161,125) |
hsl(160,52%,42%) |
#337AA0 |
rgb(51,122,160) |
hsl(201,52%,41%) |
#3433A0 |
rgb(52,51,160) |
hsl(241,52%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F9EC7 |
rgb(79,158,199) |
hsl(201,52%,55%) |
#3B8CB9 |
rgb(59,140,185) |
hsl(201,52%,48%) |
#337AA0 |
rgb(51,122,160) |
hsl(201,52%,41%) |
#2A6686 |
rgb(42,102,134) |
hsl(201,52%,35%) |
#22546C |
rgb(34,84,108) |
hsl(199,52%,28%) |
#1A4053 |
rgb(26,64,83) |
hsl(200,52%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#337AA0 |
rgb(51,122,160) |
hsl(201,52%,41%) |
#A03343 |
rgb(160,51,67) |
hsl(351,52%,41%) |
#A08F33 |
rgb(160,143,51) |
hsl(51,52%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337AA0 |
rgb(51,122,160) |
hsl(201,52%,41%) |
#A05933 |
rgb(160,89,51) |
hsl(21,52%,41%) |
#33A18F |
rgb(51,161,143) |
hsl(170,52%,42%) |
#A08F33 |
rgb(160,143,51) |
hsl(51,52%,41%) |