HEX #336FA3 color — Astral
The color #336fa3 is a dark shade and moderately saturated.
Palette
336fa3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fb |
rgb(243,248,251) |
hsl(208,52%,97%) |
#e0ebf5 |
rgb(224,235,245) |
hsl(208,52%,92%) |
#cddfef |
rgb(205,223,239) |
hsl(208,52%,87%) |
#b9d3e9 |
rgb(185,211,233) |
hsl(208,52%,82%) |
#a6c6e3 |
rgb(166,198,227) |
hsl(208,52%,77%) |
#92badd |
rgb(146,186,221) |
hsl(208,52%,72%) |
#7faed7 |
rgb(127,174,215) |
hsl(208,52%,67%) |
#6ca1d0 |
rgb(108,161,208) |
hsl(208,52%,62%) |
#5895ca |
rgb(88,149,202) |
hsl(208,52%,57%) |
#4589c4 |
rgb(69,137,196) |
hsl(208,52%,52%) |
#3a7cb6 |
rgb(58,124,182) |
hsl(208,52%,47%) |
#336fa3 |
rgb(51,111,163) |
hsl(208,52%,42%) |
#2d628f |
rgb(45,98,143) |
hsl(208,52%,37%) |
#27547c |
rgb(39,84,124) |
hsl(208,52%,32%) |
#214769 |
rgb(33,71,105) |
hsl(208,52%,27%) |
#1b3a55 |
rgb(27,58,85) |
hsl(208,52%,22%) |
#152d42 |
rgb(21,45,66) |
hsl(208,52%,17%) |
#0f202f |
rgb(15,32,47) |
hsl(208,52%,12%) |
#09121b |
rgb(9,18,27) |
hsl(208,52%,7%) |
#020508 |
rgb(2,5,8) |
hsl(208,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A38C |
rgb(51,163,140) |
hsl(168,52%,42%) |
#336FA3 |
rgb(51,111,163) |
hsl(208,52%,42%) |
#4133A3 |
rgb(65,51,163) |
hsl(248,52%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5191C8 |
rgb(81,145,200) |
hsl(208,52%,55%) |
#3B80BD |
rgb(59,128,189) |
hsl(208,52%,49%) |
#336FA3 |
rgb(51,111,163) |
hsl(208,52%,42%) |
#2A5E88 |
rgb(42,94,136) |
hsl(207,53%,35%) |
#224D6E |
rgb(34,77,110) |
hsl(206,53%,28%) |
#1A3B54 |
rgb(26,59,84) |
hsl(206,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#336FA3 |
rgb(51,111,163) |
hsl(208,52%,42%) |
#A33337 |
rgb(163,51,55) |
hsl(358,52%,42%) |
#A39E33 |
rgb(163,158,51) |
hsl(57,52%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336FA3 |
rgb(51,111,163) |
hsl(208,52%,42%) |
#A36633 |
rgb(163,102,51) |
hsl(27,52%,42%) |
#33A39F |
rgb(51,163,159) |
hsl(178,52%,42%) |
#A39E33 |
rgb(163,158,51) |
hsl(57,52%,42%) |