HEX #304AA1 color — Sapphire
The color #304AA1 is a dark shade and moderately saturated.
Palette
304AA1 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 |
#3096A1 |
rgb(48,150,161) |
hsl(186,54%,41%) |
#304AA1 |
rgb(48,74,161) |
hsl(226,54%,41%) |
#6130A1 |
rgb(97,48,161) |
hsl(266,54%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A69C9 |
rgb(74,105,201) |
hsl(225,54%,54%) |
#3757BA |
rgb(55,87,186) |
hsl(225,54%,47%) |
#304AA1 |
rgb(48,74,161) |
hsl(226,54%,41%) |
#283D87 |
rgb(40,61,135) |
hsl(227,54%,34%) |
#20336D |
rgb(32,51,109) |
hsl(225,55%,28%) |
#182653 |
rgb(24,38,83) |
hsl(226,55%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#304AA1 |
rgb(48,74,161) |
hsl(226,54%,41%) |
#A14F30 |
rgb(161,79,48) |
hsl(16,54%,41%) |
#82A130 |
rgb(130,161,48) |
hsl(76,54%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304AA1 |
rgb(48,74,161) |
hsl(226,54%,41%) |
#A18730 |
rgb(161,135,48) |
hsl(46,54%,41%) |
#3082A1 |
rgb(48,130,161) |
hsl(196,54%,41%) |
#82A130 |
rgb(130,161,48) |
hsl(76,54%,41%) |