HEX #304A65 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

304A65 color palette from light to dark

HEX RGB HSL
#fcfcfd rgb(252,252,253) hsl(211,36%,99%)
#eaf0f5 rgb(234,240,245) hsl(211,36%,94%)
#d9e3ed rgb(217,227,237) hsl(211,36%,89%)
#c8d6e5 rgb(200,214,229) hsl(211,36%,84%)
#b6c9dd rgb(182,201,221) hsl(211,36%,79%)
#a5bcd5 rgb(165,188,213) hsl(211,36%,74%)
#93afcc rgb(147,175,204) hsl(211,36%,69%)
#82a2c4 rgb(130,162,196) hsl(211,36%,64%)
#7195bc rgb(113,149,188) hsl(211,36%,59%)
#5f88b4 rgb(95,136,180) hsl(211,36%,54%)
#507baa rgb(80,123,170) hsl(211,36%,49%)
#486f99 rgb(72,111,153) hsl(211,36%,44%)
#406287 rgb(64,98,135) hsl(211,36%,39%)
#375676 rgb(55,86,118) hsl(211,36%,34%)
#2f4965 rgb(47,73,101) hsl(211,36%,29%)
#273c53 rgb(39,60,83) hsl(211,36%,24%)
#1f3042 rgb(31,48,66) hsl(211,36%,19%)
#172331 rgb(23,35,49) hsl(211,36%,14%)
#0f171f rgb(15,23,31) hsl(211,36%,9%)
#070a0e rgb(7,10,14) hsl(211,36%,4%)

Adjacent colors

HEX RGB HSL
#30665C rgb(48,102,92) hsl(169,36%,29%)
#304A65 rgb(48,74,101) hsl(211,36%,29%)
#393065 rgb(57,48,101) hsl(250,36%,29%)

Monochromatic colors

HEX RGB HSL
#375775 rgb(55,87,117) hsl(209,36%,34%)
#304A65 rgb(48,74,101) hsl(211,36%,29%)
#283D54 rgb(40,61,84) hsl(211,35%,24%)
#203344 rgb(32,51,68) hsl(208,36%,20%)
#182634 rgb(24,38,52) hsl(210,37%,15%)
#111A24 rgb(17,26,36) hsl(212,36%,10%)

Triad color palettes

HEX RGB HSL
#304A65 rgb(48,74,101) hsl(211,36%,29%)
#653030 rgb(101,48,48) hsl(360,36%,29%)
#646630 rgb(100,102,48) hsl(62,36%,29%)

Tetrad color palettes

HEX RGB HSL
#304A65 rgb(48,74,101) hsl(211,36%,29%)
#654A30 rgb(101,74,48) hsl(29,36%,29%)
#306365 rgb(48,99,101) hsl(182,36%,29%)
#646630 rgb(100,102,48) hsl(62,36%,29%)