HEX #304F76 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

304F76 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(213,42%,98%)
#e6ecf5 rgb(230,236,245) hsl(213,42%,93%)
#d4dfed rgb(212,223,237) hsl(213,42%,88%)
#c1d2e6 rgb(193,210,230) hsl(213,42%,83%)
#afc5de rgb(175,197,222) hsl(213,42%,78%)
#9db7d7 rgb(157,183,215) hsl(213,42%,73%)
#8baad0 rgb(139,170,208) hsl(213,42%,68%)
#799dc8 rgb(121,157,200) hsl(213,42%,63%)
#678fc1 rgb(103,143,193) hsl(213,42%,58%)
#5582b9 rgb(85,130,185) hsl(213,42%,53%)
#4775ae rgb(71,117,174) hsl(213,42%,48%)
#40699c rgb(64,105,156) hsl(213,42%,43%)
#385d8a rgb(56,93,138) hsl(213,42%,38%)
#315177 rgb(49,81,119) hsl(213,42%,33%)
#294465 rgb(41,68,101) hsl(213,42%,28%)
#223853 rgb(34,56,83) hsl(213,42%,23%)
#1b2c41 rgb(27,44,65) hsl(213,42%,18%)
#13202f rgb(19,32,47) hsl(213,42%,13%)
#0c141d rgb(12,20,29) hsl(213,42%,8%)
#04070b rgb(4,7,11) hsl(213,42%,3%)

Adjacent colors

HEX RGB HSL
#30756E rgb(48,117,110) hsl(174,42%,32%)
#304F76 rgb(48,79,118) hsl(213,42%,33%)
#3F3076 rgb(63,48,118) hsl(253,42%,33%)

Monochromatic colors

HEX RGB HSL
#375C88 rgb(55,92,136) hsl(213,42%,37%)
#304F76 rgb(48,79,118) hsl(213,42%,33%)
#284263 rgb(40,66,99) hsl(214,42%,27%)
#203650 rgb(32,54,80) hsl(213,43%,22%)
#18293D rgb(24,41,61) hsl(212,44%,17%)
#111C2A rgb(17,28,42) hsl(214,42%,12%)

Triad color palettes

HEX RGB HSL
#304F76 rgb(48,79,118) hsl(213,42%,33%)
#763330 rgb(118,51,48) hsl(3,42%,33%)
#727530 rgb(114,117,48) hsl(63,42%,32%)

Tetrad color palettes

HEX RGB HSL
#304F76 rgb(48,79,118) hsl(213,42%,33%)
#765730 rgb(118,87,48) hsl(33,42%,33%)
#307376 rgb(48,115,118) hsl(183,42%,33%)
#727530 rgb(114,117,48) hsl(63,42%,32%)