HEX #305478 color — San Juan
The color #305478 is a dark shade and moderately saturated.
Palette
305478 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(210,43%,98%) |
#e5edf5 |
rgb(229,237,245) |
hsl(210,43%,93%) |
#d3e0ee |
rgb(211,224,238) |
hsl(210,43%,88%) |
#c1d4e6 |
rgb(193,212,230) |
hsl(210,43%,83%) |
#afc7df |
rgb(175,199,223) |
hsl(210,43%,78%) |
#9dbad8 |
rgb(157,186,216) |
hsl(210,43%,73%) |
#8aadd0 |
rgb(138,173,208) |
hsl(210,43%,68%) |
#78a1c9 |
rgb(120,161,201) |
hsl(210,43%,63%) |
#6694c2 |
rgb(102,148,194) |
hsl(210,43%,58%) |
#5487bb |
rgb(84,135,187) |
hsl(210,43%,53%) |
#467aaf |
rgb(70,122,175) |
hsl(210,43%,48%) |
#3f6e9d |
rgb(63,110,157) |
hsl(210,43%,43%) |
#37618b |
rgb(55,97,139) |
hsl(210,43%,38%) |
#305478 |
rgb(48,84,120) |
hsl(210,43%,33%) |
#294766 |
rgb(41,71,102) |
hsl(210,43%,28%) |
#213b54 |
rgb(33,59,84) |
hsl(210,43%,23%) |
#1a2e42 |
rgb(26,46,66) |
hsl(210,43%,18%) |
#13212f |
rgb(19,33,47) |
hsl(210,43%,13%) |
#0c141d |
rgb(12,20,29) |
hsl(210,43%,8%) |
#04080b |
rgb(4,8,11) |
hsl(210,43%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30786C |
rgb(48,120,108) |
hsl(170,43%,33%) |
#305478 |
rgb(48,84,120) |
hsl(210,43%,33%) |
#3C3078 |
rgb(60,48,120) |
hsl(250,43%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37618B |
rgb(55,97,139) |
hsl(210,43%,38%) |
#305478 |
rgb(48,84,120) |
hsl(210,43%,33%) |
#284764 |
rgb(40,71,100) |
hsl(209,43%,27%) |
#203851 |
rgb(32,56,81) |
hsl(211,43%,22%) |
#182B3E |
rgb(24,43,62) |
hsl(210,44%,17%) |
#111F2B |
rgb(17,31,43) |
hsl(208,43%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#305478 |
rgb(48,84,120) |
hsl(210,43%,33%) |
#783030 |
rgb(120,48,48) |
hsl(360,43%,33%) |
#787830 |
rgb(120,120,48) |
hsl(60,43%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305478 |
rgb(48,84,120) |
hsl(210,43%,33%) |
#785430 |
rgb(120,84,48) |
hsl(30,43%,33%) |
#307878 |
rgb(48,120,120) |
hsl(180,43%,33%) |
#787830 |
rgb(120,120,48) |
hsl(60,43%,33%) |