HEX #304AE0 color — Royal Blue
The color #304AE0 is a dark shade and moderately saturated.
Palette
304AE0 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7fe |
rgb(246,247,254) |
hsl(231,74%,98%) |
#e0e4fa |
rgb(224,228,250) |
hsl(231,74%,93%) |
#cad1f7 |
rgb(202,209,247) |
hsl(231,74%,88%) |
#b4bdf4 |
rgb(180,189,244) |
hsl(231,74%,83%) |
#9daaf0 |
rgb(157,170,240) |
hsl(231,74%,78%) |
#8796ed |
rgb(135,150,237) |
hsl(231,74%,73%) |
#7183ea |
rgb(113,131,234) |
hsl(231,74%,68%) |
#5b70e6 |
rgb(91,112,230) |
hsl(231,74%,63%) |
#455ce3 |
rgb(69,92,227) |
hsl(231,74%,58%) |
#2e49e0 |
rgb(46,73,224) |
hsl(231,74%,53%) |
#203bd5 |
rgb(32,59,213) |
hsl(231,74%,48%) |
#1d35bf |
rgb(29,53,191) |
hsl(231,74%,43%) |
#192fa9 |
rgb(25,47,169) |
hsl(231,74%,38%) |
#162992 |
rgb(22,41,146) |
hsl(231,74%,33%) |
#13227c |
rgb(19,34,124) |
hsl(231,74%,28%) |
#0f1c66 |
rgb(15,28,102) |
hsl(231,74%,23%) |
#0c1650 |
rgb(12,22,80) |
hsl(231,74%,18%) |
#09103a |
rgb(9,16,58) |
hsl(231,74%,13%) |
#050a23 |
rgb(5,10,35) |
hsl(231,74%,8%) |
#02040d |
rgb(2,4,13) |
hsl(231,74%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30BFE0 |
rgb(48,191,224) |
hsl(191,74%,53%) |
#304AE0 |
rgb(48,74,224) |
hsl(231,74%,53%) |
#8B30E0 |
rgb(139,48,224) |
hsl(271,74%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7B8CEB |
rgb(123,140,235) |
hsl(231,74%,70%) |
#556BE5 |
rgb(85,107,229) |
hsl(231,73%,62%) |
#304AE0 |
rgb(48,74,224) |
hsl(231,74%,53%) |
#1D36C6 |
rgb(29,54,198) |
hsl(231,74%,45%) |
#182BA0 |
rgb(24,43,160) |
hsl(232,74%,36%) |
#12217B |
rgb(18,33,123) |
hsl(231,74%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#304AE0 |
rgb(48,74,224) |
hsl(231,74%,53%) |
#E06E30 |
rgb(224,110,48) |
hsl(21,74%,53%) |
#A2E030 |
rgb(162,224,48) |
hsl(81,74%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304AE0 |
rgb(48,74,224) |
hsl(231,74%,53%) |
#E0C730 |
rgb(224,199,48) |
hsl(51,74%,53%) |
#30A3E0 |
rgb(48,163,224) |
hsl(201,74%,53%) |
#A2E030 |
rgb(162,224,48) |
hsl(81,74%,53%) |