HEX #304673 color — San Juan

The color #304673 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

304673 color palette from light to dark

HEX RGB HSL
#f4f6fa rgb(244,246,250) hsl(220,41%,97%)
#e2e8f3 rgb(226,232,243) hsl(220,41%,92%)
#d0d9eb rgb(208,217,235) hsl(220,41%,87%)
#becbe4 rgb(190,203,228) hsl(220,41%,82%)
#acbcdc rgb(172,188,220) hsl(220,41%,77%)
#9aaed5 rgb(154,174,213) hsl(220,41%,72%)
#889fcd rgb(136,159,205) hsl(220,41%,67%)
#7691c6 rgb(118,145,198) hsl(220,41%,62%)
#6482be rgb(100,130,190) hsl(220,41%,57%)
#5274b7 rgb(82,116,183) hsl(220,41%,52%)
#4767a9 rgb(71,103,169) hsl(220,41%,47%)
#3f5c97 rgb(63,92,151) hsl(220,41%,42%)
#385185 rgb(56,81,133) hsl(220,41%,37%)
#304673 rgb(48,70,115) hsl(220,41%,32%)
#293b61 rgb(41,59,97) hsl(220,41%,27%)
#21304f rgb(33,48,79) hsl(220,41%,22%)
#1a253d rgb(26,37,61) hsl(220,41%,17%)
#121a2b rgb(18,26,43) hsl(220,41%,12%)
#0b0f19 rgb(11,15,25) hsl(220,41%,7%)
#030407 rgb(3,4,7) hsl(220,41%,2%)

Adjacent colors

HEX RGB HSL
#307373 rgb(48,115,115) hsl(180,41%,32%)
#304673 rgb(48,70,115) hsl(220,41%,32%)
#463073 rgb(70,48,115) hsl(260,41%,32%)

Monochromatic colors

HEX RGB HSL
#375285 rgb(55,82,133) hsl(219,41%,37%)
#304673 rgb(48,70,115) hsl(220,41%,32%)
#283B60 rgb(40,59,96) hsl(220,41%,27%)
#20304E rgb(32,48,78) hsl(219,42%,22%)
#18243B rgb(24,36,59) hsl(219,42%,16%)
#111A29 rgb(17,26,41) hsl(218,41%,11%)

Triad color palettes

HEX RGB HSL
#304673 rgb(48,70,115) hsl(220,41%,32%)
#733B30 rgb(115,59,48) hsl(10,41%,32%)
#677330 rgb(103,115,48) hsl(71,41%,32%)

Tetrad color palettes

HEX RGB HSL
#304673 rgb(48,70,115) hsl(220,41%,32%)
#735C30 rgb(115,92,48) hsl(39,41%,32%)
#306973 rgb(48,105,115) hsl(189,41%,32%)
#677330 rgb(103,115,48) hsl(71,41%,32%)