HEX #304AA2 color — Sapphire

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

Color codes

Palette

304AA2 color palette from light to dark

HEX	RGB	HSL
#eff2fa	rgb(239,242,250)	hsl(226,54%,96%)
#dce1f4	rgb(220,225,244)	hsl(226,54%,91%)
#c8d1ef	rgb(200,209,239)	hsl(226,54%,86%)
#b4c1e9	rgb(180,193,233)	hsl(226,54%,81%)
#a1b0e3	rgb(161,176,227)	hsl(226,54%,76%)
#8da0dd	rgb(141,160,221)	hsl(226,54%,71%)
#798fd7	rgb(121,143,215)	hsl(226,54%,66%)
#667fd1	rgb(102,127,209)	hsl(226,54%,61%)
#526ecb	rgb(82,110,203)	hsl(226,54%,56%)
#3f5ec6	rgb(63,94,198)	hsl(226,54%,51%)
#3654b5	rgb(54,84,181)	hsl(226,54%,46%)
#304aa1	rgb(48,74,161)	hsl(226,54%,41%)
#2a418d	rgb(42,65,141)	hsl(226,54%,36%)
#24387a	rgb(36,56,122)	hsl(226,54%,31%)
#1e2f66	rgb(30,47,102)	hsl(226,54%,26%)
#192652	rgb(25,38,82)	hsl(226,54%,21%)
#131d3f	rgb(19,29,63)	hsl(226,54%,16%)
#0d142b	rgb(13,20,43)	hsl(226,54%,11%)
#070b18	rgb(7,11,24)	hsl(226,54%,6%)
#010204	rgb(1,2,4)	hsl(226,54%,1%)

Adjacent colors

HEX	RGB	HSL
#3096A2	rgb(48,150,162)	hsl(186,54%,41%)
#304AA2	rgb(48,74,162)	hsl(226,54%,41%)
#6230A2	rgb(98,48,162)	hsl(266,54%,41%)

Monochromatic colors

HEX	RGB	HSL
#4B69C9	rgb(75,105,201)	hsl(226,54%,54%)
#3757BB	rgb(55,87,187)	hsl(225,55%,47%)
#304AA2	rgb(48,74,162)	hsl(226,54%,41%)
#283D88	rgb(40,61,136)	hsl(227,55%,35%)
#20336E	rgb(32,51,110)	hsl(225,55%,28%)
#182654	rgb(24,38,84)	hsl(226,56%,21%)

Triad color palettes

HEX	RGB	HSL
#304AA2	rgb(48,74,162)	hsl(226,54%,41%)
#A24F30	rgb(162,79,48)	hsl(16,54%,41%)
#83A330	rgb(131,163,48)	hsl(77,55%,41%)

Tetrad color palettes

HEX	RGB	HSL
#304AA2	rgb(48,74,162)	hsl(226,54%,41%)
#A28730	rgb(162,135,48)	hsl(46,54%,41%)
#3082A2	rgb(48,130,162)	hsl(197,54%,41%)
#83A330	rgb(131,163,48)	hsl(77,55%,41%)