HEX #338CA1 color — Astral
The color #338CA1 is a dark shade and moderately saturated.
Palette
338CA1 color palette from light to dark
HEX |
RGB |
HSL |
#f3fafb |
rgb(243,250,251) |
hsl(191,52%,97%) |
#e0f1f5 |
rgb(224,241,245) |
hsl(191,52%,92%) |
#cde9ef |
rgb(205,233,239) |
hsl(191,52%,87%) |
#b9e0e9 |
rgb(185,224,233) |
hsl(191,52%,82%) |
#a6d8e3 |
rgb(166,216,227) |
hsl(191,52%,77%) |
#92cfdd |
rgb(146,207,221) |
hsl(191,52%,72%) |
#7fc7d7 |
rgb(127,199,215) |
hsl(191,52%,67%) |
#6cbed0 |
rgb(108,190,208) |
hsl(191,52%,62%) |
#58b5ca |
rgb(88,181,202) |
hsl(191,52%,57%) |
#45adc4 |
rgb(69,173,196) |
hsl(191,52%,52%) |
#3a9fb6 |
rgb(58,159,182) |
hsl(191,52%,47%) |
#338ea3 |
rgb(51,142,163) |
hsl(191,52%,42%) |
#2d7d8f |
rgb(45,125,143) |
hsl(191,52%,37%) |
#276c7c |
rgb(39,108,124) |
hsl(191,52%,32%) |
#215c69 |
rgb(33,92,105) |
hsl(191,52%,27%) |
#1b4b55 |
rgb(27,75,85) |
hsl(191,52%,22%) |
#153a42 |
rgb(21,58,66) |
hsl(191,52%,17%) |
#0f292f |
rgb(15,41,47) |
hsl(191,52%,12%) |
#09181b |
rgb(9,24,27) |
hsl(191,52%,7%) |
#020708 |
rgb(2,7,8) |
hsl(191,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A16C |
rgb(51,161,108) |
hsl(151,52%,42%) |
#338CA1 |
rgb(51,140,161) |
hsl(191,52%,42%) |
#3342A1 |
rgb(51,66,161) |
hsl(232,52%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#50B0C7 |
rgb(80,176,199) |
hsl(192,52%,55%) |
#3BA3BA |
rgb(59,163,186) |
hsl(191,52%,48%) |
#338CA1 |
rgb(51,140,161) |
hsl(191,52%,42%) |
#2A7587 |
rgb(42,117,135) |
hsl(192,53%,35%) |
#225E6D |
rgb(34,94,109) |
hsl(192,52%,28%) |
#1A4A53 |
rgb(26,74,83) |
hsl(189,52%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#338CA1 |
rgb(51,140,161) |
hsl(191,52%,42%) |
#A13355 |
rgb(161,51,85) |
hsl(341,52%,42%) |
#A18033 |
rgb(161,128,51) |
hsl(42,52%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#338CA1 |
rgb(51,140,161) |
hsl(191,52%,42%) |
#A14733 |
rgb(161,71,51) |
hsl(11,52%,42%) |
#33A17F |
rgb(51,161,127) |
hsl(161,52%,42%) |
#A18033 |
rgb(161,128,51) |
hsl(42,52%,42%) |