HEX #303E97 color — Sapphire

The color #303e97 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

303e97 color palette from light to dark

HEX RGB HSL
#fbfbfe rgb(251,251,254) hsl(232,52%,99%)
#e8eaf8 rgb(232,234,248) hsl(232,52%,94%)
#d4d8f2 rgb(212,216,242) hsl(232,52%,89%)
#c1c7eb rgb(193,199,235) hsl(232,52%,84%)
#aeb5e5 rgb(174,181,229) hsl(232,52%,79%)
#9aa3df rgb(154,163,223) hsl(232,52%,74%)
#8792d9 rgb(135,146,217) hsl(232,52%,69%)
#7380d3 rgb(115,128,211) hsl(232,52%,64%)
#606fcd rgb(96,111,205) hsl(232,52%,59%)
#4d5dc7 rgb(77,93,199) hsl(232,52%,54%)
#3c4dbe rgb(60,77,190) hsl(232,52%,49%)
#3645ab rgb(54,69,171) hsl(232,52%,44%)
#303e97 rgb(48,62,151) hsl(232,52%,39%)
#2a3684 rgb(42,54,132) hsl(232,52%,34%)
#232e70 rgb(35,46,112) hsl(232,52%,29%)
#1d265d rgb(29,38,93) hsl(232,52%,24%)
#171e4a rgb(23,30,74) hsl(232,52%,19%)
#111636 rgb(17,22,54) hsl(232,52%,14%)
#0b0e23 rgb(11,14,35) hsl(232,52%,9%)
#050610 rgb(5,6,16) hsl(232,52%,4%)

Adjacent colors

HEX RGB HSL
#308297 rgb(48,130,151) hsl(192,52%,39%)
#303E97 rgb(48,62,151) hsl(232,52%,39%)
#663097 rgb(102,48,151) hsl(271,52%,39%)

Monochromatic colors

HEX RGB HSL
#3747AF rgb(55,71,175) hsl(232,52%,45%)
#303E97 rgb(48,62,151) hsl(232,52%,39%)
#28337E rgb(40,51,126) hsl(232,52%,33%)
#202B66 rgb(32,43,102) hsl(231,52%,26%)
#18214E rgb(24,33,78) hsl(230,53%,20%)
#111736 rgb(17,23,54) hsl(230,52%,14%)

Triad color palettes

HEX RGB HSL
#303E97 rgb(48,62,151) hsl(232,52%,39%)
#975730 rgb(151,87,48) hsl(23,52%,39%)
#719630 rgb(113,150,48) hsl(82,52%,39%)

Tetrad color palettes

HEX RGB HSL
#303E97 rgb(48,62,151) hsl(232,52%,39%)
#978A30 rgb(151,138,48) hsl(52,52%,39%)
#307397 rgb(48,115,151) hsl(201,52%,39%)
#719630 rgb(113,150,48) hsl(82,52%,39%)