HEX #304597 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

304597 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(228,52%,99%)
#e8ebf8 rgb(232,235,248) hsl(228,52%,94%)
#d4daf2 rgb(212,218,242) hsl(228,52%,89%)
#c1c9eb rgb(193,201,235) hsl(228,52%,84%)
#aeb9e5 rgb(174,185,229) hsl(228,52%,79%)
#9aa8df rgb(154,168,223) hsl(228,52%,74%)
#8797d9 rgb(135,151,217) hsl(228,52%,69%)
#7387d3 rgb(115,135,211) hsl(228,52%,64%)
#6076cd rgb(96,118,205) hsl(228,52%,59%)
#4d65c7 rgb(77,101,199) hsl(228,52%,54%)
#3c56be rgb(60,86,190) hsl(228,52%,49%)
#364dab rgb(54,77,171) hsl(228,52%,44%)
#304497 rgb(48,68,151) hsl(228,52%,39%)
#2a3c84 rgb(42,60,132) hsl(228,52%,34%)
#233370 rgb(35,51,112) hsl(228,52%,29%)
#1d2a5d rgb(29,42,93) hsl(228,52%,24%)
#17214a rgb(23,33,74) hsl(228,52%,19%)
#111936 rgb(17,25,54) hsl(228,52%,14%)
#0b1023 rgb(11,16,35) hsl(228,52%,9%)
#050710 rgb(5,7,16) hsl(228,52%,4%)

Adjacent colors

HEX RGB HSL
#308A97 rgb(48,138,151) hsl(188,52%,39%)
#304597 rgb(48,69,151) hsl(228,52%,39%)
#5F3097 rgb(95,48,151) hsl(267,52%,39%)

Monochromatic colors

HEX RGB HSL
#374FAF rgb(55,79,175) hsl(228,52%,45%)
#304597 rgb(48,69,151) hsl(228,52%,39%)
#283B7E rgb(40,59,126) hsl(227,52%,33%)
#202E66 rgb(32,46,102) hsl(228,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
#304597 rgb(48,69,151) hsl(228,52%,39%)
#974F30 rgb(151,79,48) hsl(18,52%,39%)
#789630 rgb(120,150,48) hsl(78,52%,39%)

Tetrad color palettes

HEX RGB HSL
#304597 rgb(48,69,151) hsl(228,52%,39%)
#978230 rgb(151,130,48) hsl(48,52%,39%)
#307897 rgb(48,120,151) hsl(198,52%,39%)
#789630 rgb(120,150,48) hsl(78,52%,39%)