HEX #304F98 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

304F98 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
#309498 rgb(48,148,152) hsl(182,52%,39%)
#304F98 rgb(48,79,152) hsl(222,52%,39%)
#563098 rgb(86,48,152) hsl(262,52%,39%)

Monochromatic colors

HEX RGB HSL
#375CB0 rgb(55,92,176) hsl(222,52%,45%)
#304F98 rgb(48,79,152) hsl(222,52%,39%)
#28427F rgb(40,66,127) hsl(222,52%,33%)
#203667 rgb(32,54,103) hsl(221,53%,26%)
#18294F rgb(24,41,79) hsl(221,53%,20%)
#111C36 rgb(17,28,54) hsl(222,52%,14%)

Triad color palettes

HEX RGB HSL
#304F98 rgb(48,79,152) hsl(222,52%,39%)
#984530 rgb(152,69,48) hsl(12,52%,39%)
#839930 rgb(131,153,48) hsl(73,52%,39%)

Tetrad color palettes

HEX RGB HSL
#304F98 rgb(48,79,152) hsl(222,52%,39%)
#987830 rgb(152,120,48) hsl(42,52%,39%)
#308298 rgb(48,130,152) hsl(193,52%,39%)
#839930 rgb(131,153,48) hsl(73,52%,39%)