HEX #304A97 color — Sapphire

The color #304A97 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

304A97 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(225,52%,99%)
#e8ecf8 rgb(232,236,248) hsl(225,52%,94%)
#d4dcf2 rgb(212,220,242) hsl(225,52%,89%)
#c1cceb rgb(193,204,235) hsl(225,52%,84%)
#aebce5 rgb(174,188,229) hsl(225,52%,79%)
#9aabdf rgb(154,171,223) hsl(225,52%,74%)
#879bd9 rgb(135,155,217) hsl(225,52%,69%)
#738bd3 rgb(115,139,211) hsl(225,52%,64%)
#607bcd rgb(96,123,205) hsl(225,52%,59%)
#4d6bc7 rgb(77,107,199) hsl(225,52%,54%)
#3c5cbe rgb(60,92,190) hsl(225,52%,49%)
#3653ab rgb(54,83,171) hsl(225,52%,44%)
#304a97 rgb(48,74,151) hsl(225,52%,39%)
#2a4084 rgb(42,64,132) hsl(225,52%,34%)
#233770 rgb(35,55,112) hsl(225,52%,29%)
#1d2d5d rgb(29,45,93) hsl(225,52%,24%)
#17244a rgb(23,36,74) hsl(225,52%,19%)
#111a36 rgb(17,26,54) hsl(225,52%,14%)
#0b1123 rgb(11,17,35) hsl(225,52%,9%)
#050810 rgb(5,8,16) hsl(225,52%,4%)

Adjacent colors

HEX RGB HSL
#308F97 rgb(48,143,151) hsl(185,52%,39%)
#304A97 rgb(48,74,151) hsl(225,52%,39%)
#5A3097 rgb(90,48,151) hsl(264,52%,39%)

Monochromatic colors

HEX RGB HSL
#3757AF rgb(55,87,175) hsl(224,52%,45%)
#304A97 rgb(48,74,151) hsl(225,52%,39%)
#283D7E rgb(40,61,126) hsl(225,52%,33%)
#203366 rgb(32,51,102) hsl(224,52%,26%)
#18264E rgb(24,38,78) hsl(224,53%,20%)
#111A36 rgb(17,26,54) hsl(225,52%,14%)

Triad color palettes

HEX RGB HSL
#304A97 rgb(48,74,151) hsl(225,52%,39%)
#974A30 rgb(151,74,48) hsl(15,52%,39%)
#7D9630 rgb(125,150,48) hsl(75,52%,39%)

Tetrad color palettes

HEX RGB HSL
#304A97 rgb(48,74,151) hsl(225,52%,39%)
#977D30 rgb(151,125,48) hsl(45,52%,39%)
#307D97 rgb(48,125,151) hsl(195,52%,39%)
#7D9630 rgb(125,150,48) hsl(75,52%,39%)