HEX #304AA0 color — Sapphire

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

Color codes

Palette

304AA0 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
#3094A0	rgb(48,148,160)	hsl(186,54%,41%)
#304AA0	rgb(48,74,160)	hsl(226,54%,41%)
#6030A0	rgb(96,48,160)	hsl(266,54%,41%)

Monochromatic colors

HEX	RGB	HSL
#4969C8	rgb(73,105,200)	hsl(225,54%,54%)
#3757B9	rgb(55,87,185)	hsl(225,54%,47%)
#304AA0	rgb(48,74,160)	hsl(226,54%,41%)
#283D86	rgb(40,61,134)	hsl(227,54%,34%)
#20336C	rgb(32,51,108)	hsl(225,54%,27%)
#182653	rgb(24,38,83)	hsl(226,55%,21%)

Triad color palettes

HEX	RGB	HSL
#304AA0	rgb(48,74,160)	hsl(226,54%,41%)
#A04F30	rgb(160,79,48)	hsl(17,54%,41%)
#82A130	rgb(130,161,48)	hsl(76,54%,41%)

Tetrad color palettes

HEX	RGB	HSL
#304AA0	rgb(48,74,160)	hsl(226,54%,41%)
#A08730	rgb(160,135,48)	hsl(47,54%,41%)
#3082A0	rgb(48,130,160)	hsl(196,54%,41%)
#82A130	rgb(130,161,48)	hsl(76,54%,41%)