HEX #304A94 color — Sapphire

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

Color codes

Palette

304A94 color palette from light to dark

HEX	RGB	HSL
#f7f9fd	rgb(247,249,253)	hsl(224,51%,98%)
#e4e9f6	rgb(228,233,246)	hsl(224,51%,93%)
#d1d9f0	rgb(209,217,240)	hsl(224,51%,88%)
#bec9ea	rgb(190,201,234)	hsl(224,51%,83%)
#aabae4	rgb(170,186,228)	hsl(224,51%,78%)
#97aadd	rgb(151,170,221)	hsl(224,51%,73%)
#849ad7	rgb(132,154,215)	hsl(224,51%,68%)
#718ad1	rgb(113,138,209)	hsl(224,51%,63%)
#5d7acb	rgb(93,122,203)	hsl(224,51%,58%)
#4a6bc4	rgb(74,107,196)	hsl(224,51%,53%)
#3c5db9	rgb(60,93,185)	hsl(224,51%,48%)
#3654a6	rgb(54,84,166)	hsl(224,51%,43%)
#2f4a92	rgb(47,74,146)	hsl(224,51%,38%)
#29407f	rgb(41,64,127)	hsl(224,51%,33%)
#23366c	rgb(35,54,108)	hsl(224,51%,28%)
#1d2d59	rgb(29,45,89)	hsl(224,51%,23%)
#162345	rgb(22,35,69)	hsl(224,51%,18%)
#101932	rgb(16,25,50)	hsl(224,51%,13%)
#0a101f	rgb(10,16,31)	hsl(224,51%,8%)
#04060c	rgb(4,6,12)	hsl(224,51%,3%)

Adjacent colors

HEX	RGB	HSL
#308C94	rgb(48,140,148)	hsl(185,51%,38%)
#304A94	rgb(48,74,148)	hsl(224,51%,38%)
#583094	rgb(88,48,148)	hsl(264,51%,38%)

Monochromatic colors

HEX	RGB	HSL
#3757AB	rgb(55,87,171)	hsl(223,51%,44%)
#304A94	rgb(48,74,148)	hsl(224,51%,38%)
#283D7C	rgb(40,61,124)	hsl(225,51%,32%)
#203364	rgb(32,51,100)	hsl(223,52%,26%)
#18264C	rgb(24,38,76)	hsl(224,52%,20%)
#111A35	rgb(17,26,53)	hsl(225,51%,14%)

Triad color palettes

HEX	RGB	HSL
#304A94	rgb(48,74,148)	hsl(224,51%,38%)
#944730	rgb(148,71,48)	hsl(14,51%,38%)
#7C9430	rgb(124,148,48)	hsl(74,51%,38%)

Tetrad color palettes

HEX	RGB	HSL
#304A94	rgb(48,74,148)	hsl(224,51%,38%)
#947A30	rgb(148,122,48)	hsl(44,51%,38%)
#307D94	rgb(48,125,148)	hsl(194,51%,38%)
#7C9430	rgb(124,148,48)	hsl(74,51%,38%)