HEX #334777 color — San Juan
The color #334777 is a dark shade and moderately saturated.
Palette
334777 color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(222,40%,98%) |
#e6eaf4 |
rgb(230,234,244) |
hsl(222,40%,93%) |
#d4dced |
rgb(212,220,237) |
hsl(222,40%,88%) |
#c2cde5 |
rgb(194,205,229) |
hsl(222,40%,83%) |
#b0bedd |
rgb(176,190,221) |
hsl(222,40%,78%) |
#9fafd6 |
rgb(159,175,214) |
hsl(222,40%,73%) |
#8da0ce |
rgb(141,160,206) |
hsl(222,40%,68%) |
#7b92c6 |
rgb(123,146,198) |
hsl(222,40%,63%) |
#6983bf |
rgb(105,131,191) |
hsl(222,40%,58%) |
#5774b7 |
rgb(87,116,183) |
hsl(222,40%,53%) |
#4967ab |
rgb(73,103,171) |
hsl(222,40%,48%) |
#425c9a |
rgb(66,92,154) |
hsl(222,40%,43%) |
#3a5188 |
rgb(58,81,136) |
hsl(222,40%,38%) |
#324776 |
rgb(50,71,118) |
hsl(222,40%,33%) |
#2b3c64 |
rgb(43,60,100) |
hsl(222,40%,28%) |
#233152 |
rgb(35,49,82) |
hsl(222,40%,23%) |
#1c2740 |
rgb(28,39,64) |
hsl(222,40%,18%) |
#141c2e |
rgb(20,28,46) |
hsl(222,40%,13%) |
#0c111d |
rgb(12,17,29) |
hsl(222,40%,8%) |
#05060b |
rgb(5,6,11) |
hsl(222,40%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#337577 |
rgb(51,117,119) |
hsl(182,40%,33%) |
#334777 |
rgb(51,71,119) |
hsl(222,40%,33%) |
#4C3377 |
rgb(76,51,119) |
hsl(262,40%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B528A |
rgb(59,82,138) |
hsl(223,40%,39%) |
#334777 |
rgb(51,71,119) |
hsl(222,40%,33%) |
#2A3B63 |
rgb(42,59,99) |
hsl(222,40%,28%) |
#223050 |
rgb(34,48,80) |
hsl(222,40%,22%) |
#1A243D |
rgb(26,36,61) |
hsl(223,40%,17%) |
#121A2A |
rgb(18,26,42) |
hsl(220,40%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#334777 |
rgb(51,71,119) |
hsl(222,40%,33%) |
#774033 |
rgb(119,64,51) |
hsl(11,40%,33%) |
#697833 |
rgb(105,120,51) |
hsl(73,40%,34%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#334777 |
rgb(51,71,119) |
hsl(222,40%,33%) |
#776333 |
rgb(119,99,51) |
hsl(42,40%,33%) |
#336977 |
rgb(51,105,119) |
hsl(192,40%,33%) |
#697833 |
rgb(105,120,51) |
hsl(73,40%,34%) |