HEX #334475 color — San Juan
The color #334475 is a dark shade and moderately saturated.
Palette
334475 color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(225,39%,98%) |
#e6eaf4 |
rgb(230,234,244) |
hsl(225,39%,93%) |
#d4daec |
rgb(212,218,236) |
hsl(225,39%,88%) |
#c3cbe5 |
rgb(195,203,229) |
hsl(225,39%,83%) |
#b1bcdd |
rgb(177,188,221) |
hsl(225,39%,78%) |
#9fadd5 |
rgb(159,173,213) |
hsl(225,39%,73%) |
#8e9dcd |
rgb(142,157,205) |
hsl(225,39%,68%) |
#7c8ec5 |
rgb(124,142,197) |
hsl(225,39%,63%) |
#6a7fbe |
rgb(106,127,190) |
hsl(225,39%,58%) |
#5870b6 |
rgb(88,112,182) |
hsl(225,39%,53%) |
#4b63aa |
rgb(75,99,170) |
hsl(225,39%,48%) |
#435898 |
rgb(67,88,152) |
hsl(225,39%,43%) |
#3b4e87 |
rgb(59,78,135) |
hsl(225,39%,38%) |
#334475 |
rgb(51,68,117) |
hsl(225,39%,33%) |
#2c3963 |
rgb(44,57,99) |
hsl(225,39%,28%) |
#242f52 |
rgb(36,47,82) |
hsl(225,39%,23%) |
#1c2540 |
rgb(28,37,64) |
hsl(225,39%,18%) |
#141b2e |
rgb(20,27,46) |
hsl(225,39%,13%) |
#0c101c |
rgb(12,16,28) |
hsl(225,39%,8%) |
#05060b |
rgb(5,6,11) |
hsl(225,39%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#337075 |
rgb(51,112,117) |
hsl(185,39%,33%) |
#334475 |
rgb(51,68,117) |
hsl(225,39%,33%) |
#4E3375 |
rgb(78,51,117) |
hsl(265,39%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B4F87 |
rgb(59,79,135) |
hsl(224,39%,38%) |
#334475 |
rgb(51,68,117) |
hsl(225,39%,33%) |
#2A3862 |
rgb(42,56,98) |
hsl(225,40%,27%) |
#222E4F |
rgb(34,46,79) |
hsl(224,40%,22%) |
#1A243C |
rgb(26,36,60) |
hsl(222,40%,17%) |
#121A2A |
rgb(18,26,42) |
hsl(220,40%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#334475 |
rgb(51,68,117) |
hsl(225,39%,33%) |
#754233 |
rgb(117,66,51) |
hsl(14,39%,33%) |
#657533 |
rgb(101,117,51) |
hsl(75,39%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#334475 |
rgb(51,68,117) |
hsl(225,39%,33%) |
#756333 |
rgb(117,99,51) |
hsl(44,39%,33%) |
#336675 |
rgb(51,102,117) |
hsl(194,39%,33%) |
#657533 |
rgb(101,117,51) |
hsl(75,39%,33%) |