HEX #304B97 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

304b97 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(224,52%,99%)
#e8ecf8 rgb(232,236,248) hsl(224,52%,94%)
#d4dcf2 rgb(212,220,242) hsl(224,52%,89%)
#c1cceb rgb(193,204,235) hsl(224,52%,84%)
#aebce5 rgb(174,188,229) hsl(224,52%,79%)
#9aaddf rgb(154,173,223) hsl(224,52%,74%)
#879dd9 rgb(135,157,217) hsl(224,52%,69%)
#738dd3 rgb(115,141,211) hsl(224,52%,64%)
#607dcd rgb(96,125,205) hsl(224,52%,59%)
#4d6dc7 rgb(77,109,199) hsl(224,52%,54%)
#3c5fbe rgb(60,95,190) hsl(224,52%,49%)
#3655ab rgb(54,85,171) hsl(224,52%,44%)
#304b97 rgb(48,75,151) hsl(224,52%,39%)
#2a4284 rgb(42,66,132) hsl(224,52%,34%)
#233870 rgb(35,56,112) hsl(224,52%,29%)
#1d2e5d rgb(29,46,93) hsl(224,52%,24%)
#17254a rgb(23,37,74) hsl(224,52%,19%)
#111b36 rgb(17,27,54) hsl(224,52%,14%)
#0b1123 rgb(11,17,35) hsl(224,52%,9%)
#050810 rgb(5,8,16) hsl(224,52%,4%)

Adjacent colors

HEX RGB HSL
#308F97 rgb(48,143,151) hsl(185,52%,39%)
#304B97 rgb(48,75,151) hsl(224,52%,39%)
#593097 rgb(89,48,151) hsl(264,52%,39%)

Monochromatic colors

HEX RGB HSL
#3757AF rgb(55,87,175) hsl(224,52%,45%)
#304B97 rgb(48,75,151) hsl(224,52%,39%)
#28407E rgb(40,64,126) hsl(223,52%,33%)
#203366 rgb(32,51,102) hsl(224,52%,26%)
#18264E rgb(24,38,78) hsl(224,53%,20%)
#111C36 rgb(17,28,54) hsl(222,52%,14%)

Triad color palettes

HEX RGB HSL
#304B97 rgb(48,75,151) hsl(224,52%,39%)
#974730 rgb(151,71,48) hsl(13,52%,39%)
#7E9630 rgb(126,150,48) hsl(74,52%,39%)

Tetrad color palettes

HEX RGB HSL
#304B97 rgb(48,75,151) hsl(224,52%,39%)
#977D30 rgb(151,125,48) hsl(45,52%,39%)
#308097 rgb(48,128,151) hsl(193,52%,39%)
#7E9630 rgb(126,150,48) hsl(74,52%,39%)