HEX #304AE7 color — Royal Blue
The color #304AE7 is a dark shade and moderately saturated.
Palette
304AE7 color palette from light to dark
| HEX |
RGB |
HSL |
| #e8ebfc |
rgb(232,235,252) |
hsl(231,79%,95%) |
| #d1d7fa |
rgb(209,215,250) |
hsl(231,79%,90%) |
| #bbc4f7 |
rgb(187,196,247) |
hsl(231,79%,85%) |
| #a4b0f4 |
rgb(164,176,244) |
hsl(231,79%,80%) |
| #8d9cf2 |
rgb(141,156,242) |
hsl(231,79%,75%) |
| #7688ef |
rgb(118,136,239) |
hsl(231,79%,70%) |
| #5f74ec |
rgb(95,116,236) |
hsl(231,79%,65%) |
| #4861ea |
rgb(72,97,234) |
hsl(231,79%,60%) |
| #324de7 |
rgb(50,77,231) |
hsl(231,79%,55%) |
| #1b39e4 |
rgb(27,57,228) |
hsl(231,79%,50%) |
| #1833cd |
rgb(24,51,205) |
hsl(231,79%,45%) |
| #152eb7 |
rgb(21,46,183) |
hsl(231,79%,40%) |
| #1328a0 |
rgb(19,40,160) |
hsl(231,79%,35%) |
| #102289 |
rgb(16,34,137) |
hsl(231,79%,30%) |
| #0d1c72 |
rgb(13,28,114) |
hsl(231,79%,25%) |
| #0b175b |
rgb(11,23,91) |
hsl(231,79%,20%) |
| #081144 |
rgb(8,17,68) |
hsl(231,79%,15%) |
| #050b2e |
rgb(5,11,46) |
hsl(231,79%,10%) |
| #030617 |
rgb(3,6,23) |
hsl(231,79%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30C4E7 |
rgb(48,196,231) |
hsl(191,79%,55%) |
| #304AE7 |
rgb(48,74,231) |
hsl(231,79%,55%) |
| #9030E7 |
rgb(144,48,231) |
hsl(271,79%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #808FF0 |
rgb(128,143,240) |
hsl(232,79%,72%) |
| #586EEB |
rgb(88,110,235) |
hsl(231,79%,63%) |
| #304AE7 |
rgb(48,74,231) |
hsl(231,79%,55%) |
| #1833D2 |
rgb(24,51,210) |
hsl(231,79%,46%) |
| #1329AA |
rgb(19,41,170) |
hsl(231,80%,37%) |
| #0F1F82 |
rgb(15,31,130) |
hsl(232,79%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304AE7 |
rgb(48,74,231) |
hsl(231,79%,55%) |
| #E77330 |
rgb(231,115,48) |
hsl(22,79%,55%) |
| #A5E830 |
rgb(165,232,48) |
hsl(82,80%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304AE7 |
rgb(48,74,231) |
hsl(231,79%,55%) |
| #E7CC30 |
rgb(231,204,48) |
hsl(51,79%,55%) |
| #30A6E7 |
rgb(48,166,231) |
hsl(201,79%,55%) |
| #A5E830 |
rgb(165,232,48) |
hsl(82,80%,55%) |
