HEX #305497 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

305497 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(219,52%,99%)
#e8edf8 rgb(232,237,248) hsl(219,52%,94%)
#d4dff2 rgb(212,223,242) hsl(219,52%,89%)
#c1d0eb rgb(193,208,235) hsl(219,52%,84%)
#aec1e5 rgb(174,193,229) hsl(219,52%,79%)
#9ab2df rgb(154,178,223) hsl(219,52%,74%)
#87a4d9 rgb(135,164,217) hsl(219,52%,69%)
#7395d3 rgb(115,149,211) hsl(219,52%,64%)
#6086cd rgb(96,134,205) hsl(219,52%,59%)
#4d77c7 rgb(77,119,199) hsl(219,52%,54%)
#3c69be rgb(60,105,190) hsl(219,52%,49%)
#365fab rgb(54,95,171) hsl(219,52%,44%)
#305497 rgb(48,84,151) hsl(219,52%,39%)
#2a4984 rgb(42,73,132) hsl(219,52%,34%)
#233e70 rgb(35,62,112) hsl(219,52%,29%)
#1d345d rgb(29,52,93) hsl(219,52%,24%)
#17294a rgb(23,41,74) hsl(219,52%,19%)
#111e36 rgb(17,30,54) hsl(219,52%,14%)
#0b1323 rgb(11,19,35) hsl(219,52%,9%)
#050910 rgb(5,9,16) hsl(219,52%,4%)

Adjacent colors

HEX RGB HSL
#309695 rgb(48,150,149) hsl(179,52%,39%)
#305497 rgb(48,84,151) hsl(219,52%,39%)
#503097 rgb(80,48,151) hsl(259,52%,39%)

Monochromatic colors

HEX RGB HSL
#3761AF rgb(55,97,175) hsl(219,52%,45%)
#305497 rgb(48,84,151) hsl(219,52%,39%)
#28477E rgb(40,71,126) hsl(218,52%,33%)
#203866 rgb(32,56,102) hsl(219,52%,26%)
#182B4E rgb(24,43,78) hsl(219,53%,20%)
#111F36 rgb(17,31,54) hsl(217,52%,14%)

Triad color palettes

HEX RGB HSL
#305497 rgb(48,84,151) hsl(219,52%,39%)
#974030 rgb(151,64,48) hsl(9,52%,39%)
#879630 rgb(135,150,48) hsl(69,52%,39%)

Tetrad color palettes

HEX RGB HSL
#305497 rgb(48,84,151) hsl(219,52%,39%)
#977330 rgb(151,115,48) hsl(39,52%,39%)
#308797 rgb(48,135,151) hsl(189,52%,39%)
#879630 rgb(135,150,48) hsl(69,52%,39%)