HEX #304797 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

304797 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
#308C97 rgb(48,140,151) hsl(186,52%,39%)
#304797 rgb(48,71,151) hsl(227,52%,39%)
#5D3097 rgb(93,48,151) hsl(266,52%,39%)

Monochromatic colors

HEX RGB HSL
#3752AF rgb(55,82,175) hsl(227,52%,45%)
#304797 rgb(48,71,151) hsl(227,52%,39%)
#283B7E rgb(40,59,126) hsl(227,52%,33%)
#203066 rgb(32,48,102) hsl(226,52%,26%)
#18244E rgb(24,36,78) hsl(227,53%,20%)
#111A36 rgb(17,26,54) hsl(225,52%,14%)

Triad color palettes

HEX RGB HSL
#304797 rgb(48,71,151) hsl(227,52%,39%)
#974D30 rgb(151,77,48) hsl(17,52%,39%)
#7A9630 rgb(122,150,48) hsl(76,52%,39%)

Tetrad color palettes

HEX RGB HSL
#304797 rgb(48,71,151) hsl(227,52%,39%)
#978030 rgb(151,128,48) hsl(47,52%,39%)
#307A97 rgb(48,122,151) hsl(197,52%,39%)
#7A9630 rgb(122,150,48) hsl(76,52%,39%)