HEX #304A72 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

304A72 color palette from light to dark

HEX RGB HSL
#f4f7fa rgb(244,247,250) hsl(216,41%,97%)
#e2e9f3 rgb(226,233,243) hsl(216,41%,92%)
#d0dbeb rgb(208,219,235) hsl(216,41%,87%)
#becde4 rgb(190,205,228) hsl(216,41%,82%)
#acc0dc rgb(172,192,220) hsl(216,41%,77%)
#9ab2d5 rgb(154,178,213) hsl(216,41%,72%)
#88a4cd rgb(136,164,205) hsl(216,41%,67%)
#7696c6 rgb(118,150,198) hsl(216,41%,62%)
#6488be rgb(100,136,190) hsl(216,41%,57%)
#527bb7 rgb(82,123,183) hsl(216,41%,52%)
#476ea9 rgb(71,110,169) hsl(216,41%,47%)
#3f6297 rgb(63,98,151) hsl(216,41%,42%)
#385785 rgb(56,87,133) hsl(216,41%,37%)
#304b73 rgb(48,75,115) hsl(216,41%,32%)
#293f61 rgb(41,63,97) hsl(216,41%,27%)
#21334f rgb(33,51,79) hsl(216,41%,22%)
#1a283d rgb(26,40,61) hsl(216,41%,17%)
#121c2b rgb(18,28,43) hsl(216,41%,12%)
#0b1019 rgb(11,16,25) hsl(216,41%,7%)
#030507 rgb(3,5,7) hsl(216,41%,2%)

Adjacent colors

HEX RGB HSL
#30736E rgb(48,115,110) hsl(176,41%,32%)
#304A72 rgb(48,74,114) hsl(216,41%,32%)
#423072 rgb(66,48,114) hsl(256,41%,32%)

Monochromatic colors

HEX RGB HSL
#375784 rgb(55,87,132) hsl(215,41%,37%)
#304A72 rgb(48,74,114) hsl(216,41%,32%)
#283D5F rgb(40,61,95) hsl(217,41%,26%)
#20334D rgb(32,51,77) hsl(215,41%,21%)
#18263B rgb(24,38,59) hsl(216,42%,16%)
#111A29 rgb(17,26,41) hsl(218,41%,11%)

Triad color palettes

HEX RGB HSL
#304A72 rgb(48,74,114) hsl(216,41%,32%)
#723830 rgb(114,56,48) hsl(7,41%,32%)
#6B7330 rgb(107,115,48) hsl(67,41%,32%)

Tetrad color palettes

HEX RGB HSL
#304A72 rgb(48,74,114) hsl(216,41%,32%)
#725930 rgb(114,89,48) hsl(37,41%,32%)
#306B72 rgb(48,107,114) hsl(186,41%,32%)
#6B7330 rgb(107,115,48) hsl(67,41%,32%)