HEX #304DE7 color — Royal Blue
The color #304DE7 is a dark shade and moderately saturated.
Palette
304DE7 color palette from light to dark
HEX |
RGB |
HSL |
#e8ecfc |
rgb(232,236,252) |
hsl(230,79%,95%) |
#d1d8fa |
rgb(209,216,250) |
hsl(230,79%,90%) |
#bbc5f7 |
rgb(187,197,247) |
hsl(230,79%,85%) |
#a4b1f4 |
rgb(164,177,244) |
hsl(230,79%,80%) |
#8d9ef2 |
rgb(141,158,242) |
hsl(230,79%,75%) |
#768aef |
rgb(118,138,239) |
hsl(230,79%,70%) |
#5f77ec |
rgb(95,119,236) |
hsl(230,79%,65%) |
#4863ea |
rgb(72,99,234) |
hsl(230,79%,60%) |
#3250e7 |
rgb(50,80,231) |
hsl(230,79%,55%) |
#1b3ce4 |
rgb(27,60,228) |
hsl(230,79%,50%) |
#1836cd |
rgb(24,54,205) |
hsl(230,79%,45%) |
#1530b7 |
rgb(21,48,183) |
hsl(230,79%,40%) |
#132aa0 |
rgb(19,42,160) |
hsl(230,79%,35%) |
#102489 |
rgb(16,36,137) |
hsl(230,79%,30%) |
#0d1e72 |
rgb(13,30,114) |
hsl(230,79%,25%) |
#0b185b |
rgb(11,24,91) |
hsl(230,79%,20%) |
#081244 |
rgb(8,18,68) |
hsl(230,79%,15%) |
#050c2e |
rgb(5,12,46) |
hsl(230,79%,10%) |
#030617 |
rgb(3,6,23) |
hsl(230,79%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C7E7 |
rgb(48,199,231) |
hsl(190,79%,55%) |
#304DE7 |
rgb(48,77,231) |
hsl(230,79%,55%) |
#8D30E7 |
rgb(141,48,231) |
hsl(270,79%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8091F0 |
rgb(128,145,240) |
hsl(231,79%,72%) |
#5870EB |
rgb(88,112,235) |
hsl(230,79%,63%) |
#304DE7 |
rgb(48,77,231) |
hsl(230,79%,55%) |
#1836D2 |
rgb(24,54,210) |
hsl(230,79%,46%) |
#132BAA |
rgb(19,43,170) |
hsl(230,80%,37%) |
#0F2182 |
rgb(15,33,130) |
hsl(231,79%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#304DE7 |
rgb(48,77,231) |
hsl(230,79%,55%) |
#E76E30 |
rgb(231,110,48) |
hsl(20,79%,55%) |
#A8E830 |
rgb(168,232,48) |
hsl(81,80%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304DE7 |
rgb(48,77,231) |
hsl(230,79%,55%) |
#E7C930 |
rgb(231,201,48) |
hsl(50,79%,55%) |
#30A8E7 |
rgb(48,168,231) |
hsl(201,79%,55%) |
#A8E830 |
rgb(168,232,48) |
hsl(81,80%,55%) |