HEX #337CA3 color — Astral
The color #337CA3 is a dark shade and moderately saturated.
Palette
337CA3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f9fb |
rgb(243,249,251) |
hsl(201,52%,97%) |
#e0eef5 |
rgb(224,238,245) |
hsl(201,52%,92%) |
#cde3ef |
rgb(205,227,239) |
hsl(201,52%,87%) |
#b9d8e9 |
rgb(185,216,233) |
hsl(201,52%,82%) |
#a6cde3 |
rgb(166,205,227) |
hsl(201,52%,77%) |
#92c3dd |
rgb(146,195,221) |
hsl(201,52%,72%) |
#7fb8d7 |
rgb(127,184,215) |
hsl(201,52%,67%) |
#6cadd0 |
rgb(108,173,208) |
hsl(201,52%,62%) |
#58a2ca |
rgb(88,162,202) |
hsl(201,52%,57%) |
#4598c4 |
rgb(69,152,196) |
hsl(201,52%,52%) |
#3a8bb6 |
rgb(58,139,182) |
hsl(201,52%,47%) |
#337ca3 |
rgb(51,124,163) |
hsl(201,52%,42%) |
#2d6d8f |
rgb(45,109,143) |
hsl(201,52%,37%) |
#275e7c |
rgb(39,94,124) |
hsl(201,52%,32%) |
#215069 |
rgb(33,80,105) |
hsl(201,52%,27%) |
#1b4155 |
rgb(27,65,85) |
hsl(201,52%,22%) |
#153242 |
rgb(21,50,66) |
hsl(201,52%,17%) |
#0f232f |
rgb(15,35,47) |
hsl(201,52%,12%) |
#09151b |
rgb(9,21,27) |
hsl(201,52%,7%) |
#020608 |
rgb(2,6,8) |
hsl(201,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A37F |
rgb(51,163,127) |
hsl(161,52%,42%) |
#337CA3 |
rgb(51,124,163) |
hsl(201,52%,42%) |
#3433A3 |
rgb(52,51,163) |
hsl(241,52%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#519EC8 |
rgb(81,158,200) |
hsl(201,52%,55%) |
#3B8FBD |
rgb(59,143,189) |
hsl(201,52%,49%) |
#337CA3 |
rgb(51,124,163) |
hsl(201,52%,42%) |
#2A6988 |
rgb(42,105,136) |
hsl(200,53%,35%) |
#22546E |
rgb(34,84,110) |
hsl(201,53%,28%) |
#1A4054 |
rgb(26,64,84) |
hsl(201,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#337CA3 |
rgb(51,124,163) |
hsl(201,52%,42%) |
#A33344 |
rgb(163,51,68) |
hsl(351,52%,42%) |
#A39133 |
rgb(163,145,51) |
hsl(50,52%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337CA3 |
rgb(51,124,163) |
hsl(201,52%,42%) |
#A35933 |
rgb(163,89,51) |
hsl(20,52%,42%) |
#33A392 |
rgb(51,163,146) |
hsl(171,52%,42%) |
#A39133 |
rgb(163,145,51) |
hsl(50,52%,42%) |