HEX #337DA4 color — Astral
The color #337DA4 is a dark shade and moderately saturated.
Palette
337DA4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f9fb |
rgb(243,249,251) |
hsl(201,53%,97%) |
#e0eef5 |
rgb(224,238,245) |
hsl(201,53%,92%) |
#cce3ef |
rgb(204,227,239) |
hsl(201,53%,87%) |
#b9d8e9 |
rgb(185,216,233) |
hsl(201,53%,82%) |
#a5cee3 |
rgb(165,206,227) |
hsl(201,53%,77%) |
#92c3dd |
rgb(146,195,221) |
hsl(201,53%,72%) |
#7eb8d7 |
rgb(126,184,215) |
hsl(201,53%,67%) |
#6baed1 |
rgb(107,174,209) |
hsl(201,53%,62%) |
#57a3cb |
rgb(87,163,203) |
hsl(201,53%,57%) |
#4498c5 |
rgb(68,152,197) |
hsl(201,53%,52%) |
#388bb7 |
rgb(56,139,183) |
hsl(201,53%,47%) |
#327ca4 |
rgb(50,124,164) |
hsl(201,53%,42%) |
#2c6d90 |
rgb(44,109,144) |
hsl(201,53%,37%) |
#265f7d |
rgb(38,95,125) |
hsl(201,53%,32%) |
#205069 |
rgb(32,80,105) |
hsl(201,53%,27%) |
#1a4156 |
rgb(26,65,86) |
hsl(201,53%,22%) |
#143242 |
rgb(20,50,66) |
hsl(201,53%,17%) |
#0e232f |
rgb(14,35,47) |
hsl(201,53%,12%) |
#08151b |
rgb(8,21,27) |
hsl(201,53%,7%) |
#020608 |
rgb(2,6,8) |
hsl(201,53%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A37F |
rgb(51,163,127) |
hsl(161,52%,42%) |
#337DA4 |
rgb(51,125,164) |
hsl(201,53%,42%) |
#3433A4 |
rgb(52,51,164) |
hsl(241,53%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#52A1C9 |
rgb(82,161,201) |
hsl(200,52%,55%) |
#3B91BE |
rgb(59,145,190) |
hsl(201,53%,49%) |
#337DA4 |
rgb(51,125,164) |
hsl(201,53%,42%) |
#2A6989 |
rgb(42,105,137) |
hsl(200,53%,35%) |
#22546F |
rgb(34,84,111) |
hsl(201,53%,28%) |
#1A4055 |
rgb(26,64,85) |
hsl(201,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#337DA4 |
rgb(51,125,164) |
hsl(201,53%,42%) |
#A43344 |
rgb(164,51,68) |
hsl(351,53%,42%) |
#A49133 |
rgb(164,145,51) |
hsl(50,53%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337DA4 |
rgb(51,125,164) |
hsl(201,53%,42%) |
#A45933 |
rgb(164,89,51) |
hsl(20,53%,42%) |
#33A392 |
rgb(51,163,146) |
hsl(171,52%,42%) |
#A49133 |
rgb(164,145,51) |
hsl(50,53%,42%) |