HEX #304D92 color — Sapphire
The color #304D92 is a dark shade and moderately saturated.
Palette
304D92 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(222,51%,98%) |
#e4eaf6 |
rgb(228,234,246) |
hsl(222,51%,93%) |
#d1daf0 |
rgb(209,218,240) |
hsl(222,51%,88%) |
#becbea |
rgb(190,203,234) |
hsl(222,51%,83%) |
#aabbe4 |
rgb(170,187,228) |
hsl(222,51%,78%) |
#97acdd |
rgb(151,172,221) |
hsl(222,51%,73%) |
#849dd7 |
rgb(132,157,215) |
hsl(222,51%,68%) |
#718dd1 |
rgb(113,141,209) |
hsl(222,51%,63%) |
#5d7ecb |
rgb(93,126,203) |
hsl(222,51%,58%) |
#4a6fc4 |
rgb(74,111,196) |
hsl(222,51%,53%) |
#3c61b9 |
rgb(60,97,185) |
hsl(222,51%,48%) |
#3657a6 |
rgb(54,87,166) |
hsl(222,51%,43%) |
#2f4d92 |
rgb(47,77,146) |
hsl(222,51%,38%) |
#29437f |
rgb(41,67,127) |
hsl(222,51%,33%) |
#23396c |
rgb(35,57,108) |
hsl(222,51%,28%) |
#1d2f59 |
rgb(29,47,89) |
hsl(222,51%,23%) |
#162545 |
rgb(22,37,69) |
hsl(222,51%,18%) |
#101a32 |
rgb(16,26,50) |
hsl(222,51%,13%) |
#0a101f |
rgb(10,16,31) |
hsl(222,51%,8%) |
#04060c |
rgb(4,6,12) |
hsl(222,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#308F92 |
rgb(48,143,146) |
hsl(182,51%,38%) |
#304D92 |
rgb(48,77,146) |
hsl(222,51%,38%) |
#543092 |
rgb(84,48,146) |
hsl(262,51%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3759A9 |
rgb(55,89,169) |
hsl(222,51%,44%) |
#304D92 |
rgb(48,77,146) |
hsl(222,51%,38%) |
#28407A |
rgb(40,64,122) |
hsl(222,51%,32%) |
#203663 |
rgb(32,54,99) |
hsl(220,51%,26%) |
#18294B |
rgb(24,41,75) |
hsl(220,52%,19%) |
#111C34 |
rgb(17,28,52) |
hsl(221,51%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#304D92 |
rgb(48,77,146) |
hsl(222,51%,38%) |
#924530 |
rgb(146,69,48) |
hsl(13,51%,38%) |
#7E9130 |
rgb(126,145,48) |
hsl(72,50%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304D92 |
rgb(48,77,146) |
hsl(222,51%,38%) |
#927530 |
rgb(146,117,48) |
hsl(42,51%,38%) |
#307D92 |
rgb(48,125,146) |
hsl(193,51%,38%) |
#7E9130 |
rgb(126,145,48) |
hsl(72,50%,38%) |