HEX #304F93 color — Sapphire
The color #304F93 is a dark shade and moderately saturated.
Palette
304F93 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(221,51%,98%) |
#e4eaf6 |
rgb(228,234,246) |
hsl(221,51%,93%) |
#d1dbf0 |
rgb(209,219,240) |
hsl(221,51%,88%) |
#beccea |
rgb(190,204,234) |
hsl(221,51%,83%) |
#aabce4 |
rgb(170,188,228) |
hsl(221,51%,78%) |
#97addd |
rgb(151,173,221) |
hsl(221,51%,73%) |
#849ed7 |
rgb(132,158,215) |
hsl(221,51%,68%) |
#718fd1 |
rgb(113,143,209) |
hsl(221,51%,63%) |
#5d80cb |
rgb(93,128,203) |
hsl(221,51%,58%) |
#4a71c4 |
rgb(74,113,196) |
hsl(221,51%,53%) |
#3c64b9 |
rgb(60,100,185) |
hsl(221,51%,48%) |
#3659a6 |
rgb(54,89,166) |
hsl(221,51%,43%) |
#2f4f92 |
rgb(47,79,146) |
hsl(221,51%,38%) |
#29447f |
rgb(41,68,127) |
hsl(221,51%,33%) |
#233a6c |
rgb(35,58,108) |
hsl(221,51%,28%) |
#1d3059 |
rgb(29,48,89) |
hsl(221,51%,23%) |
#162545 |
rgb(22,37,69) |
hsl(221,51%,18%) |
#101b32 |
rgb(16,27,50) |
hsl(221,51%,13%) |
#0a111f |
rgb(10,17,31) |
hsl(221,51%,8%) |
#04060c |
rgb(4,6,12) |
hsl(221,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#309193 |
rgb(48,145,147) |
hsl(181,51%,38%) |
#304F93 |
rgb(48,79,147) |
hsl(221,51%,38%) |
#533093 |
rgb(83,48,147) |
hsl(261,51%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375CAA |
rgb(55,92,170) |
hsl(221,51%,44%) |
#304F93 |
rgb(48,79,147) |
hsl(221,51%,38%) |
#28427B |
rgb(40,66,123) |
hsl(221,51%,32%) |
#203663 |
rgb(32,54,99) |
hsl(220,51%,26%) |
#18294C |
rgb(24,41,76) |
hsl(220,52%,20%) |
#111C34 |
rgb(17,28,52) |
hsl(221,51%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#304F93 |
rgb(48,79,147) |
hsl(221,51%,38%) |
#934230 |
rgb(147,66,48) |
hsl(11,51%,38%) |
#809430 |
rgb(128,148,48) |
hsl(72,51%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304F93 |
rgb(48,79,147) |
hsl(221,51%,38%) |
#937330 |
rgb(147,115,48) |
hsl(41,51%,38%) |
#308093 |
rgb(48,128,147) |
hsl(192,51%,38%) |
#809430 |
rgb(128,148,48) |
hsl(72,51%,38%) |