HEX #304F73 color — San Juan

The color #304f73 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

304f73 color palette from light to dark

HEX RGB HSL
#f4f7fa rgb(244,247,250) hsl(212,41%,97%)
#e2eaf3 rgb(226,234,243) hsl(212,41%,92%)
#d0ddeb rgb(208,221,235) hsl(212,41%,87%)
#bed0e4 rgb(190,208,228) hsl(212,41%,82%)
#acc3dc rgb(172,195,220) hsl(212,41%,77%)
#9ab6d5 rgb(154,182,213) hsl(212,41%,72%)
#88a9cd rgb(136,169,205) hsl(212,41%,67%)
#769bc6 rgb(118,155,198) hsl(212,41%,62%)
#648ebe rgb(100,142,190) hsl(212,41%,57%)
#5281b7 rgb(82,129,183) hsl(212,41%,52%)
#4775a9 rgb(71,117,169) hsl(212,41%,47%)
#3f6897 rgb(63,104,151) hsl(212,41%,42%)
#385c85 rgb(56,92,133) hsl(212,41%,37%)
#304f73 rgb(48,79,115) hsl(212,41%,32%)
#294361 rgb(41,67,97) hsl(212,41%,27%)
#21374f rgb(33,55,79) hsl(212,41%,22%)
#1a2a3d rgb(26,42,61) hsl(212,41%,17%)
#121e2b rgb(18,30,43) hsl(212,41%,12%)
#0b1119 rgb(11,17,25) hsl(212,41%,7%)
#030507 rgb(3,5,7) hsl(212,41%,2%)

Adjacent colors

HEX RGB HSL
#30736A rgb(48,115,106) hsl(172,41%,32%)
#304F73 rgb(48,79,115) hsl(212,41%,32%)
#3D3073 rgb(61,48,115) hsl(252,41%,32%)

Monochromatic colors

HEX RGB HSL
#375C85 rgb(55,92,133) hsl(212,41%,37%)
#304F73 rgb(48,79,115) hsl(212,41%,32%)
#284260 rgb(40,66,96) hsl(212,41%,27%)
#20364E rgb(32,54,78) hsl(211,42%,22%)
#18293B rgb(24,41,59) hsl(211,42%,16%)
#111C29 rgb(17,28,41) hsl(213,41%,11%)

Triad color palettes

HEX RGB HSL
#304F73 rgb(48,79,115) hsl(212,41%,32%)
#733330 rgb(115,51,48) hsl(3,41%,32%)
#707330 rgb(112,115,48) hsl(63,41%,32%)

Tetrad color palettes

HEX RGB HSL
#304F73 rgb(48,79,115) hsl(212,41%,32%)
#735430 rgb(115,84,48) hsl(32,41%,32%)
#307073 rgb(48,112,115) hsl(183,41%,32%)
#707330 rgb(112,115,48) hsl(63,41%,32%)