HEX #304A86 color — Chambray

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

Color codes

copy icon
copy icon
copy icon

Palette

304A86 color palette from light to dark

HEX RGB HSL
#f0f3fa rgb(240,243,250) hsl(222,47%,96%)
#dde4f3 rgb(221,228,243) hsl(222,47%,91%)
#cbd5ec rgb(203,213,236) hsl(222,47%,86%)
#b8c5e5 rgb(184,197,229) hsl(222,47%,81%)
#a5b6df rgb(165,182,223) hsl(222,47%,76%)
#92a7d8 rgb(146,167,216) hsl(222,47%,71%)
#8098d1 rgb(128,152,209) hsl(222,47%,66%)
#6d89ca rgb(109,137,202) hsl(222,47%,61%)
#5a7ac4 rgb(90,122,196) hsl(222,47%,56%)
#476bbd rgb(71,107,189) hsl(222,47%,51%)
#3e5fac rgb(62,95,172) hsl(222,47%,46%)
#37559a rgb(55,85,154) hsl(222,47%,41%)
#314b87 rgb(49,75,135) hsl(222,47%,36%)
#2a4074 rgb(42,64,116) hsl(222,47%,31%)
#233661 rgb(35,54,97) hsl(222,47%,26%)
#1c2b4f rgb(28,43,79) hsl(222,47%,21%)
#16213c rgb(22,33,60) hsl(222,47%,16%)
#0f1729 rgb(15,23,41) hsl(222,47%,11%)
#080c16 rgb(8,12,22) hsl(222,47%,6%)
#010204 rgb(1,2,4) hsl(222,47%,1%)

Adjacent colors

HEX RGB HSL
#308586 rgb(48,133,134) hsl(181,47%,36%)
#304A86 rgb(48,74,134) hsl(222,47%,36%)
#4F3086 rgb(79,48,134) hsl(262,47%,36%)

Monochromatic colors

HEX RGB HSL
#37579B rgb(55,87,155) hsl(221,48%,41%)
#304A86 rgb(48,74,134) hsl(222,47%,36%)
#283D70 rgb(40,61,112) hsl(223,47%,30%)
#20335B rgb(32,51,91) hsl(221,48%,24%)
#182645 rgb(24,38,69) hsl(221,48%,18%)
#111A30 rgb(17,26,48) hsl(223,48%,13%)

Triad color palettes

HEX RGB HSL
#304A86 rgb(48,74,134) hsl(222,47%,36%)
#864030 rgb(134,64,48) hsl(11,47%,36%)
#758730 rgb(117,135,48) hsl(72,48%,36%)

Tetrad color palettes

HEX RGB HSL
#304A86 rgb(48,74,134) hsl(222,47%,36%)
#866B30 rgb(134,107,48) hsl(41,47%,36%)
#307586 rgb(48,117,134) hsl(192,47%,36%)
#758730 rgb(117,135,48) hsl(72,48%,36%)