HEX #304F97 color — Sapphire

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

Color codes

Palette

304f97 color palette from light to dark

HEX	RGB	HSL
#fbfcfe	rgb(251,252,254)	hsl(222,52%,99%)
#e8edf8	rgb(232,237,248)	hsl(222,52%,94%)
#d4ddf2	rgb(212,221,242)	hsl(222,52%,89%)
#c1ceeb	rgb(193,206,235)	hsl(222,52%,84%)
#aebee5	rgb(174,190,229)	hsl(222,52%,79%)
#9aafdf	rgb(154,175,223)	hsl(222,52%,74%)
#87a0d9	rgb(135,160,217)	hsl(222,52%,69%)
#7390d3	rgb(115,144,211)	hsl(222,52%,64%)
#6081cd	rgb(96,129,205)	hsl(222,52%,59%)
#4d71c7	rgb(77,113,199)	hsl(222,52%,54%)
#3c63be	rgb(60,99,190)	hsl(222,52%,49%)
#3659ab	rgb(54,89,171)	hsl(222,52%,44%)
#304f97	rgb(48,79,151)	hsl(222,52%,39%)
#2a4584	rgb(42,69,132)	hsl(222,52%,34%)
#233b70	rgb(35,59,112)	hsl(222,52%,29%)
#1d305d	rgb(29,48,93)	hsl(222,52%,24%)
#17264a	rgb(23,38,74)	hsl(222,52%,19%)
#111c36	rgb(17,28,54)	hsl(222,52%,14%)
#0b1223	rgb(11,18,35)	hsl(222,52%,9%)
#050810	rgb(5,8,16)	hsl(222,52%,4%)

Adjacent colors

HEX	RGB	HSL
#309497	rgb(48,148,151)	hsl(182,52%,39%)
#304F97	rgb(48,79,151)	hsl(222,52%,39%)
#553097	rgb(85,48,151)	hsl(262,52%,39%)

Monochromatic colors

HEX	RGB	HSL
#375CAF	rgb(55,92,175)	hsl(222,52%,45%)
#304F97	rgb(48,79,151)	hsl(222,52%,39%)
#28427E	rgb(40,66,126)	hsl(222,52%,33%)
#203666	rgb(32,54,102)	hsl(221,52%,26%)
#18294E	rgb(24,41,78)	hsl(221,53%,20%)
#111C36	rgb(17,28,54)	hsl(222,52%,14%)

Triad color palettes

HEX	RGB	HSL
#304F97	rgb(48,79,151)	hsl(222,52%,39%)
#974530	rgb(151,69,48)	hsl(12,52%,39%)
#829630	rgb(130,150,48)	hsl(72,52%,39%)

Tetrad color palettes

HEX	RGB	HSL
#304F97	rgb(48,79,151)	hsl(222,52%,39%)
#977830	rgb(151,120,48)	hsl(42,52%,39%)
#308297	rgb(48,130,151)	hsl(192,52%,39%)
#829630	rgb(130,150,48)	hsl(72,52%,39%)