HEX #304299 color — Sapphire

The color #304299 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

304299 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(230,52%,99%)
#e8eaf8 rgb(232,234,248) hsl(230,52%,94%)
#d4d9f2 rgb(212,217,242) hsl(230,52%,89%)
#c1c8eb rgb(193,200,235) hsl(230,52%,84%)
#aeb7e5 rgb(174,183,229) hsl(230,52%,79%)
#9aa6df rgb(154,166,223) hsl(230,52%,74%)
#8795d9 rgb(135,149,217) hsl(230,52%,69%)
#7383d3 rgb(115,131,211) hsl(230,52%,64%)
#6072cd rgb(96,114,205) hsl(230,52%,59%)
#4d61c7 rgb(77,97,199) hsl(230,52%,54%)
#3c52be rgb(60,82,190) hsl(230,52%,49%)
#3649ab rgb(54,73,171) hsl(230,52%,44%)
#304197 rgb(48,65,151) hsl(230,52%,39%)
#2a3984 rgb(42,57,132) hsl(230,52%,34%)
#233070 rgb(35,48,112) hsl(230,52%,29%)
#1d285d rgb(29,40,93) hsl(230,52%,24%)
#17204a rgb(23,32,74) hsl(230,52%,19%)
#111736 rgb(17,23,54) hsl(230,52%,14%)
#0b0f23 rgb(11,15,35) hsl(230,52%,9%)
#050710 rgb(5,7,16) hsl(230,52%,4%)

Adjacent colors

HEX RGB HSL
#308799 rgb(48,135,153) hsl(190,52%,39%)
#304299 rgb(48,66,153) hsl(230,52%,39%)
#643099 rgb(100,48,153) hsl(270,52%,39%)

Monochromatic colors

HEX RGB HSL
#374DB1 rgb(55,77,177) hsl(229,53%,45%)
#304299 rgb(48,66,153) hsl(230,52%,39%)
#283880 rgb(40,56,128) hsl(229,52%,33%)
#202E68 rgb(32,46,104) hsl(228,53%,27%)
#18214F rgb(24,33,79) hsl(230,53%,20%)
#111737 rgb(17,23,55) hsl(231,53%,14%)

Triad color palettes

HEX RGB HSL
#304299 rgb(48,66,153) hsl(230,52%,39%)
#995230 rgb(153,82,48) hsl(19,52%,39%)
#769930 rgb(118,153,48) hsl(80,52%,39%)

Tetrad color palettes

HEX RGB HSL
#304299 rgb(48,66,153) hsl(230,52%,39%)
#998730 rgb(153,135,48) hsl(50,52%,39%)
#307599 rgb(48,117,153) hsl(201,52%,39%)
#769930 rgb(118,153,48) hsl(80,52%,39%)