HEX #304FA9 color — Sapphire

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

Color codes

Palette

304FA9 color palette from light to dark

HEX	RGB	HSL
#f7f8fd	rgb(247,248,253)	hsl(225,56%,98%)
#e3e8f7	rgb(227,232,247)	hsl(225,56%,93%)
#cfd8f2	rgb(207,216,242)	hsl(225,56%,88%)
#bbc8ec	rgb(187,200,236)	hsl(225,56%,83%)
#a7b7e6	rgb(167,183,230)	hsl(225,56%,78%)
#94a7e1	rgb(148,167,225)	hsl(225,56%,73%)
#8097db	rgb(128,151,219)	hsl(225,56%,68%)
#6c86d5	rgb(108,134,213)	hsl(225,56%,63%)
#5876d0	rgb(88,118,208)	hsl(225,56%,58%)
#4466ca	rgb(68,102,202)	hsl(225,56%,53%)
#3658bf	rgb(54,88,191)	hsl(225,56%,48%)
#304fab	rgb(48,79,171)	hsl(225,56%,43%)
#2b4697	rgb(43,70,151)	hsl(225,56%,38%)
#253d83	rgb(37,61,131)	hsl(225,56%,33%)
#1f336f	rgb(31,51,111)	hsl(225,56%,28%)
#1a2a5b	rgb(26,42,91)	hsl(225,56%,23%)
#142148	rgb(20,33,72)	hsl(225,56%,18%)
#0f1834	rgb(15,24,52)	hsl(225,56%,13%)
#090f20	rgb(9,15,32)	hsl(225,56%,8%)
#03060c	rgb(3,6,12)	hsl(225,56%,3%)

Adjacent colors

HEX	RGB	HSL
#30A1A9	rgb(48,161,169)	hsl(184,56%,43%)
#304FA9	rgb(48,79,169)	hsl(225,56%,43%)
#6130A9	rgb(97,48,169)	hsl(264,56%,43%)

Monochromatic colors

HEX	RGB	HSL
#5070CD	rgb(80,112,205)	hsl(225,56%,56%)
#375CC4	rgb(55,92,196)	hsl(224,56%,49%)
#304FA9	rgb(48,79,169)	hsl(225,56%,43%)
#28428D	rgb(40,66,141)	hsl(225,56%,35%)
#203672	rgb(32,54,114)	hsl(224,56%,29%)
#182957	rgb(24,41,87)	hsl(224,57%,22%)

Triad color palettes

HEX	RGB	HSL
#304FA9	rgb(48,79,169)	hsl(225,56%,43%)
#A94D30	rgb(169,77,48)	hsl(14,56%,43%)
#8BA830	rgb(139,168,48)	hsl(75,56%,42%)

Tetrad color palettes

HEX	RGB	HSL
#304FA9	rgb(48,79,169)	hsl(225,56%,43%)
#A98A30	rgb(169,138,48)	hsl(45,56%,43%)
#308CA9	rgb(48,140,169)	hsl(194,56%,43%)
#8BA830	rgb(139,168,48)	hsl(75,56%,42%)