HEX #304297 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

304297 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(230,52%,99%)
#e8eaf8 rgb(232,234,248) hsl(230,52%,94%)
#d4d9f2 rgb(212,217,242) hsl(230,52%,89%)
#c1c8eb rgb(193,200,235) hsl(230,52%,84%)
#aeb7e5 rgb(174,183,229) hsl(230,52%,79%)
#9aa6df rgb(154,166,223) hsl(230,52%,74%)
#8795d9 rgb(135,149,217) hsl(230,52%,69%)
#7383d3 rgb(115,131,211) hsl(230,52%,64%)
#6072cd rgb(96,114,205) hsl(230,52%,59%)
#4d61c7 rgb(77,97,199) hsl(230,52%,54%)
#3c52be rgb(60,82,190) hsl(230,52%,49%)
#3649ab rgb(54,73,171) hsl(230,52%,44%)
#304197 rgb(48,65,151) hsl(230,52%,39%)
#2a3984 rgb(42,57,132) hsl(230,52%,34%)
#233070 rgb(35,48,112) hsl(230,52%,29%)
#1d285d rgb(29,40,93) hsl(230,52%,24%)
#17204a rgb(23,32,74) hsl(230,52%,19%)
#111736 rgb(17,23,54) hsl(230,52%,14%)
#0b0f23 rgb(11,15,35) hsl(230,52%,9%)
#050710 rgb(5,7,16) hsl(230,52%,4%)

Adjacent colors

HEX RGB HSL
#308797 rgb(48,135,151) hsl(189,52%,39%)
#304297 rgb(48,66,151) hsl(230,52%,39%)
#623097 rgb(98,48,151) hsl(269,52%,39%)

Monochromatic colors

HEX RGB HSL
#374DAF rgb(55,77,175) hsl(229,52%,45%)
#304297 rgb(48,66,151) hsl(230,52%,39%)
#28387E rgb(40,56,126) hsl(229,52%,33%)
#202E66 rgb(32,46,102) hsl(228,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
#304297 rgb(48,66,151) hsl(230,52%,39%)
#975230 rgb(151,82,48) hsl(20,52%,39%)
#759630 rgb(117,150,48) hsl(79,52%,39%)

Tetrad color palettes

HEX RGB HSL
#304297 rgb(48,66,151) hsl(230,52%,39%)
#978530 rgb(151,133,48) hsl(50,52%,39%)
#307597 rgb(48,117,151) hsl(200,52%,39%)
#759630 rgb(117,150,48) hsl(79,52%,39%)