HEX #338BA3 color — Astral
The color #338ba3 is a dark shade and moderately saturated.
Palette
338ba3 color palette from light to dark
HEX |
RGB |
HSL |
#f3fafb |
rgb(243,250,251) |
hsl(193,52%,97%) |
#e0f1f5 |
rgb(224,241,245) |
hsl(193,52%,92%) |
#cde8ef |
rgb(205,232,239) |
hsl(193,52%,87%) |
#b9dfe9 |
rgb(185,223,233) |
hsl(193,52%,82%) |
#a6d6e3 |
rgb(166,214,227) |
hsl(193,52%,77%) |
#92cddd |
rgb(146,205,221) |
hsl(193,52%,72%) |
#7fc4d7 |
rgb(127,196,215) |
hsl(193,52%,67%) |
#6cbbd0 |
rgb(108,187,208) |
hsl(193,52%,62%) |
#58b2ca |
rgb(88,178,202) |
hsl(193,52%,57%) |
#45a9c4 |
rgb(69,169,196) |
hsl(193,52%,52%) |
#3a9bb6 |
rgb(58,155,182) |
hsl(193,52%,47%) |
#338ba3 |
rgb(51,139,163) |
hsl(193,52%,42%) |
#2d7a8f |
rgb(45,122,143) |
hsl(193,52%,37%) |
#276a7c |
rgb(39,106,124) |
hsl(193,52%,32%) |
#215969 |
rgb(33,89,105) |
hsl(193,52%,27%) |
#1b4955 |
rgb(27,73,85) |
hsl(193,52%,22%) |
#153842 |
rgb(21,56,66) |
hsl(193,52%,17%) |
#0f282f |
rgb(15,40,47) |
hsl(193,52%,12%) |
#09171b |
rgb(9,23,27) |
hsl(193,52%,7%) |
#020708 |
rgb(2,7,8) |
hsl(193,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A370 |
rgb(51,163,112) |
hsl(153,52%,42%) |
#338BA3 |
rgb(51,139,163) |
hsl(193,52%,42%) |
#3340A3 |
rgb(51,64,163) |
hsl(233,52%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#51B0C8 |
rgb(81,176,200) |
hsl(192,52%,55%) |
#3BA1BD |
rgb(59,161,189) |
hsl(193,52%,49%) |
#338BA3 |
rgb(51,139,163) |
hsl(193,52%,42%) |
#2A7588 |
rgb(42,117,136) |
hsl(192,53%,35%) |
#225E6E |
rgb(34,94,110) |
hsl(193,53%,28%) |
#1A4754 |
rgb(26,71,84) |
hsl(193,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#338BA3 |
rgb(51,139,163) |
hsl(193,52%,42%) |
#A33353 |
rgb(163,51,83) |
hsl(343,52%,42%) |
#A38233 |
rgb(163,130,51) |
hsl(42,52%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#338BA3 |
rgb(51,139,163) |
hsl(193,52%,42%) |
#A34A33 |
rgb(163,74,51) |
hsl(12,52%,42%) |
#33A383 |
rgb(51,163,131) |
hsl(163,52%,42%) |
#A38233 |
rgb(163,130,51) |
hsl(42,52%,42%) |