HEX #304DE0 color — Royal Blue
The color #304DE0 is a dark shade and moderately saturated.
Palette
304DE0 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7fe |
rgb(246,247,254) |
hsl(230,74%,98%) |
#e0e4fa |
rgb(224,228,250) |
hsl(230,74%,93%) |
#cad1f7 |
rgb(202,209,247) |
hsl(230,74%,88%) |
#b4bef4 |
rgb(180,190,244) |
hsl(230,74%,83%) |
#9dabf0 |
rgb(157,171,240) |
hsl(230,74%,78%) |
#8798ed |
rgb(135,152,237) |
hsl(230,74%,73%) |
#7185ea |
rgb(113,133,234) |
hsl(230,74%,68%) |
#5b72e6 |
rgb(91,114,230) |
hsl(230,74%,63%) |
#455fe3 |
rgb(69,95,227) |
hsl(230,74%,58%) |
#2e4ce0 |
rgb(46,76,224) |
hsl(230,74%,53%) |
#203ed5 |
rgb(32,62,213) |
hsl(230,74%,48%) |
#1d38bf |
rgb(29,56,191) |
hsl(230,74%,43%) |
#1931a9 |
rgb(25,49,169) |
hsl(230,74%,38%) |
#162b92 |
rgb(22,43,146) |
hsl(230,74%,33%) |
#13247c |
rgb(19,36,124) |
hsl(230,74%,28%) |
#0f1e66 |
rgb(15,30,102) |
hsl(230,74%,23%) |
#0c1750 |
rgb(12,23,80) |
hsl(230,74%,18%) |
#09113a |
rgb(9,17,58) |
hsl(230,74%,13%) |
#050a23 |
rgb(5,10,35) |
hsl(230,74%,8%) |
#02040d |
rgb(2,4,13) |
hsl(230,74%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C2E0 |
rgb(48,194,224) |
hsl(190,74%,53%) |
#304DE0 |
rgb(48,77,224) |
hsl(230,74%,53%) |
#8830E0 |
rgb(136,48,224) |
hsl(270,74%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7B8FEB |
rgb(123,143,235) |
hsl(229,74%,70%) |
#556EE5 |
rgb(85,110,229) |
hsl(230,73%,62%) |
#304DE0 |
rgb(48,77,224) |
hsl(230,74%,53%) |
#1D3BC6 |
rgb(29,59,198) |
hsl(229,74%,45%) |
#182EA0 |
rgb(24,46,160) |
hsl(230,74%,36%) |
#12247B |
rgb(18,36,123) |
hsl(230,74%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#304DE0 |
rgb(48,77,224) |
hsl(230,74%,53%) |
#E06B30 |
rgb(224,107,48) |
hsl(20,74%,53%) |
#A5E030 |
rgb(165,224,48) |
hsl(80,74%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304DE0 |
rgb(48,77,224) |
hsl(230,74%,53%) |
#E0C230 |
rgb(224,194,48) |
hsl(50,74%,53%) |
#30A6E0 |
rgb(48,166,224) |
hsl(200,74%,53%) |
#A5E030 |
rgb(165,224,48) |
hsl(80,74%,53%) |