HEX #304799 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

304799 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(227,52%,99%)
#e8ebf8 rgb(232,235,248) hsl(227,52%,94%)
#d4dbf2 rgb(212,219,242) hsl(227,52%,89%)
#c1caeb rgb(193,202,235) hsl(227,52%,84%)
#aebae5 rgb(174,186,229) hsl(227,52%,79%)
#9aa9df rgb(154,169,223) hsl(227,52%,74%)
#8799d9 rgb(135,153,217) hsl(227,52%,69%)
#7388d3 rgb(115,136,211) hsl(227,52%,64%)
#6078cd rgb(96,120,205) hsl(227,52%,59%)
#4d67c7 rgb(77,103,199) hsl(227,52%,54%)
#3c58be rgb(60,88,190) hsl(227,52%,49%)
#364fab rgb(54,79,171) hsl(227,52%,44%)
#304697 rgb(48,70,151) hsl(227,52%,39%)
#2a3d84 rgb(42,61,132) hsl(227,52%,34%)
#233470 rgb(35,52,112) hsl(227,52%,29%)
#1d2b5d rgb(29,43,93) hsl(227,52%,24%)
#17224a rgb(23,34,74) hsl(227,52%,19%)
#111936 rgb(17,25,54) hsl(227,52%,14%)
#0b1023 rgb(11,16,35) hsl(227,52%,9%)
#050710 rgb(5,7,16) hsl(227,52%,4%)

Adjacent colors

HEX RGB HSL
#308C99 rgb(48,140,153) hsl(187,52%,39%)
#304799 rgb(48,71,153) hsl(227,52%,39%)
#5F3099 rgb(95,48,153) hsl(267,52%,39%)

Monochromatic colors

HEX RGB HSL
#3752B1 rgb(55,82,177) hsl(227,53%,45%)
#304799 rgb(48,71,153) hsl(227,52%,39%)
#283B80 rgb(40,59,128) hsl(227,52%,33%)
#203068 rgb(32,48,104) hsl(227,53%,27%)
#18244F rgb(24,36,79) hsl(227,53%,20%)
#111A37 rgb(17,26,55) hsl(226,53%,14%)

Triad color palettes

HEX RGB HSL
#304799 rgb(48,71,153) hsl(227,52%,39%)
#994D30 rgb(153,77,48) hsl(17,52%,39%)
#7B9930 rgb(123,153,48) hsl(77,52%,39%)

Tetrad color palettes

HEX RGB HSL
#304799 rgb(48,71,153) hsl(227,52%,39%)
#998230 rgb(153,130,48) hsl(47,52%,39%)
#307A99 rgb(48,122,153) hsl(198,52%,39%)
#7B9930 rgb(123,153,48) hsl(77,52%,39%)