HEX #304397 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

304397 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(229,52%,99%)
#e8ebf8 rgb(232,235,248) hsl(229,52%,94%)
#d4daf2 rgb(212,218,242) hsl(229,52%,89%)
#c1c9eb rgb(193,201,235) hsl(229,52%,84%)
#aeb8e5 rgb(174,184,229) hsl(229,52%,79%)
#9aa7df rgb(154,167,223) hsl(229,52%,74%)
#8796d9 rgb(135,150,217) hsl(229,52%,69%)
#7385d3 rgb(115,133,211) hsl(229,52%,64%)
#6074cd rgb(96,116,205) hsl(229,52%,59%)
#4d63c7 rgb(77,99,199) hsl(229,52%,54%)
#3c54be rgb(60,84,190) hsl(229,52%,49%)
#364bab rgb(54,75,171) hsl(229,52%,44%)
#304397 rgb(48,67,151) hsl(229,52%,39%)
#2a3a84 rgb(42,58,132) hsl(229,52%,34%)
#233270 rgb(35,50,112) hsl(229,52%,29%)
#1d295d rgb(29,41,93) hsl(229,52%,24%)
#17204a rgb(23,32,74) hsl(229,52%,19%)
#111836 rgb(17,24,54) hsl(229,52%,14%)
#0b0f23 rgb(11,15,35) hsl(229,52%,9%)
#050710 rgb(5,7,16) hsl(229,52%,4%)

Adjacent colors

HEX RGB HSL
#308797 rgb(48,135,151) hsl(189,52%,39%)
#304397 rgb(48,67,151) hsl(229,52%,39%)
#613097 rgb(97,48,151) hsl(269,52%,39%)

Monochromatic colors

HEX RGB HSL
#374DAF rgb(55,77,175) hsl(229,52%,45%)
#304397 rgb(48,67,151) hsl(229,52%,39%)
#28387E rgb(40,56,126) hsl(229,52%,33%)
#202E66 rgb(32,46,102) hsl(228,52%,26%)
#18244E rgb(24,36,78) hsl(227,53%,20%)
#111736 rgb(17,23,54) hsl(230,52%,14%)

Triad color palettes

HEX RGB HSL
#304397 rgb(48,67,151) hsl(229,52%,39%)
#975230 rgb(151,82,48) hsl(20,52%,39%)
#769630 rgb(118,150,48) hsl(79,52%,39%)

Tetrad color palettes

HEX RGB HSL
#304397 rgb(48,67,151) hsl(229,52%,39%)
#978530 rgb(151,133,48) hsl(50,52%,39%)
#307597 rgb(48,117,151) hsl(200,52%,39%)
#769630 rgb(118,150,48) hsl(79,52%,39%)