HEX #304A99 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

304A99 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(225,52%,99%)
#e8ecf8 rgb(232,236,248) hsl(225,52%,94%)
#d4dcf2 rgb(212,220,242) hsl(225,52%,89%)
#c1cceb rgb(193,204,235) hsl(225,52%,84%)
#aebce5 rgb(174,188,229) hsl(225,52%,79%)
#9aabdf rgb(154,171,223) hsl(225,52%,74%)
#879bd9 rgb(135,155,217) hsl(225,52%,69%)
#738bd3 rgb(115,139,211) hsl(225,52%,64%)
#607bcd rgb(96,123,205) hsl(225,52%,59%)
#4d6bc7 rgb(77,107,199) hsl(225,52%,54%)
#3c5cbe rgb(60,92,190) hsl(225,52%,49%)
#3653ab rgb(54,83,171) hsl(225,52%,44%)
#304a97 rgb(48,74,151) hsl(225,52%,39%)
#2a4084 rgb(42,64,132) hsl(225,52%,34%)
#233770 rgb(35,55,112) hsl(225,52%,29%)
#1d2d5d rgb(29,45,93) hsl(225,52%,24%)
#17244a rgb(23,36,74) hsl(225,52%,19%)
#111a36 rgb(17,26,54) hsl(225,52%,14%)
#0b1123 rgb(11,17,35) hsl(225,52%,9%)
#050810 rgb(5,8,16) hsl(225,52%,4%)

Adjacent colors

HEX RGB HSL
#308F99 rgb(48,143,153) hsl(186,52%,39%)
#304A99 rgb(48,74,153) hsl(225,52%,39%)
#5C3099 rgb(92,48,153) hsl(265,52%,39%)

Monochromatic colors

HEX RGB HSL
#3757B1 rgb(55,87,177) hsl(224,53%,45%)
#304A99 rgb(48,74,153) hsl(225,52%,39%)
#283D80 rgb(40,61,128) hsl(226,52%,33%)
#203368 rgb(32,51,104) hsl(224,53%,27%)
#18264F rgb(24,38,79) hsl(225,53%,20%)
#111A37 rgb(17,26,55) hsl(226,53%,14%)

Triad color palettes

HEX RGB HSL
#304A99 rgb(48,74,153) hsl(225,52%,39%)
#994A30 rgb(153,74,48) hsl(15,52%,39%)
#7E9930 rgb(126,153,48) hsl(75,52%,39%)

Tetrad color palettes

HEX RGB HSL
#304A99 rgb(48,74,153) hsl(225,52%,39%)
#998030 rgb(153,128,48) hsl(46,52%,39%)
#308099 rgb(48,128,153) hsl(194,52%,39%)
#7E9930 rgb(126,153,48) hsl(75,52%,39%)