HEX #304A87 color — Chambray

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

Color codes

copy icon
copy icon
copy icon

Palette

304A87 color palette from light to dark

HEX RGB HSL
#f0f3fa rgb(240,243,250) hsl(222,48%,96%)
#dde4f3 rgb(221,228,243) hsl(222,48%,91%)
#cad4ec rgb(202,212,236) hsl(222,48%,86%)
#b7c5e6 rgb(183,197,230) hsl(222,48%,81%)
#a4b6df rgb(164,182,223) hsl(222,48%,76%)
#92a7d9 rgb(146,167,217) hsl(222,48%,71%)
#7f98d2 rgb(127,152,210) hsl(222,48%,66%)
#6c88cb rgb(108,136,203) hsl(222,48%,61%)
#5979c5 rgb(89,121,197) hsl(222,48%,56%)
#466abe rgb(70,106,190) hsl(222,48%,51%)
#3d5fae rgb(61,95,174) hsl(222,48%,46%)
#36549b rgb(54,84,155) hsl(222,48%,41%)
#304a88 rgb(48,74,136) hsl(222,48%,36%)
#294075 rgb(41,64,117) hsl(222,48%,31%)
#223662 rgb(34,54,98) hsl(222,48%,26%)
#1c2b4f rgb(28,43,79) hsl(222,48%,21%)
#15213c rgb(21,33,60) hsl(222,48%,16%)
#0f172a rgb(15,23,42) hsl(222,48%,11%)
#080c17 rgb(8,12,23) hsl(222,48%,6%)
#010204 rgb(1,2,4) hsl(222,48%,1%)

Adjacent colors

HEX RGB HSL
#308587 rgb(48,133,135) hsl(181,48%,36%)
#304A87 rgb(48,74,135) hsl(222,48%,36%)
#503087 rgb(80,48,135) hsl(262,48%,36%)

Monochromatic colors

HEX RGB HSL
#37579C rgb(55,87,156) hsl(221,48%,41%)
#304A87 rgb(48,74,135) hsl(222,48%,36%)
#283D71 rgb(40,61,113) hsl(223,48%,30%)
#20335B rgb(32,51,91) hsl(221,48%,24%)
#182646 rgb(24,38,70) hsl(222,49%,18%)
#111A30 rgb(17,26,48) hsl(223,48%,13%)

Triad color palettes

HEX RGB HSL
#304A87 rgb(48,74,135) hsl(222,48%,36%)
#874230 rgb(135,66,48) hsl(12,48%,36%)
#758730 rgb(117,135,48) hsl(72,48%,36%)

Tetrad color palettes

HEX RGB HSL
#304A87 rgb(48,74,135) hsl(222,48%,36%)
#876E30 rgb(135,110,48) hsl(43,48%,36%)
#307587 rgb(48,117,135) hsl(192,48%,36%)
#758730 rgb(117,135,48) hsl(72,48%,36%)