HEX #304F9F color — Sapphire
The color #304F9F is a dark shade and moderately saturated.
Palette
304F9F color palette from light to dark
HEX |
RGB |
HSL |
#eff2fa |
rgb(239,242,250) |
hsl(223,54%,96%) |
#dce3f4 |
rgb(220,227,244) |
hsl(223,54%,91%) |
#c8d3ef |
rgb(200,211,239) |
hsl(223,54%,86%) |
#b4c3e9 |
rgb(180,195,233) |
hsl(223,54%,81%) |
#a1b3e3 |
rgb(161,179,227) |
hsl(223,54%,76%) |
#8da4dd |
rgb(141,164,221) |
hsl(223,54%,71%) |
#7994d7 |
rgb(121,148,215) |
hsl(223,54%,66%) |
#6684d1 |
rgb(102,132,209) |
hsl(223,54%,61%) |
#5275cb |
rgb(82,117,203) |
hsl(223,54%,56%) |
#3f65c6 |
rgb(63,101,198) |
hsl(223,54%,51%) |
#365ab5 |
rgb(54,90,181) |
hsl(223,54%,46%) |
#3050a1 |
rgb(48,80,161) |
hsl(223,54%,41%) |
#2a468d |
rgb(42,70,141) |
hsl(223,54%,36%) |
#243d7a |
rgb(36,61,122) |
hsl(223,54%,31%) |
#1e3366 |
rgb(30,51,102) |
hsl(223,54%,26%) |
#192952 |
rgb(25,41,82) |
hsl(223,54%,21%) |
#131f3f |
rgb(19,31,63) |
hsl(223,54%,16%) |
#0d152b |
rgb(13,21,43) |
hsl(223,54%,11%) |
#070c18 |
rgb(7,12,24) |
hsl(223,54%,6%) |
#010204 |
rgb(1,2,4) |
hsl(223,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30999F |
rgb(48,153,159) |
hsl(183,54%,41%) |
#304F9F |
rgb(48,79,159) |
hsl(223,54%,41%) |
#5B309F |
rgb(91,48,159) |
hsl(263,54%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#496EC8 |
rgb(73,110,200) |
hsl(223,54%,54%) |
#375CB8 |
rgb(55,92,184) |
hsl(223,54%,47%) |
#304F9F |
rgb(48,79,159) |
hsl(223,54%,41%) |
#284285 |
rgb(40,66,133) |
hsl(223,54%,34%) |
#20366C |
rgb(32,54,108) |
hsl(223,54%,27%) |
#182952 |
rgb(24,41,82) |
hsl(222,55%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#304F9F |
rgb(48,79,159) |
hsl(223,54%,41%) |
#9F4730 |
rgb(159,71,48) |
hsl(12,54%,41%) |
#869E30 |
rgb(134,158,48) |
hsl(73,53%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304F9F |
rgb(48,79,159) |
hsl(223,54%,41%) |
#9F8030 |
rgb(159,128,48) |
hsl(43,54%,41%) |
#30879F |
rgb(48,135,159) |
hsl(193,54%,41%) |
#869E30 |
rgb(134,158,48) |
hsl(73,53%,40%) |