HEX #304AE8 color — Royal Blue
The color #304AE8 is a dark shade and moderately saturated.
Palette
304AE8 color palette from light to dark
| HEX |
RGB |
HSL |
| #e8ebfc |
rgb(232,235,252) |
hsl(232,80%,95%) |
| #d1d7fa |
rgb(209,215,250) |
hsl(232,80%,90%) |
| #bac2f7 |
rgb(186,194,247) |
hsl(232,80%,85%) |
| #a3aef5 |
rgb(163,174,245) |
hsl(232,80%,80%) |
| #8c9af2 |
rgb(140,154,242) |
hsl(232,80%,75%) |
| #7586f0 |
rgb(117,134,240) |
hsl(232,80%,70%) |
| #5e71ed |
rgb(94,113,237) |
hsl(232,80%,65%) |
| #475deb |
rgb(71,93,235) |
hsl(232,80%,60%) |
| #3049e8 |
rgb(48,73,232) |
hsl(232,80%,55%) |
| #1a35e6 |
rgb(26,53,230) |
hsl(232,80%,50%) |
| #172fcf |
rgb(23,47,207) |
hsl(232,80%,45%) |
| #142ab8 |
rgb(20,42,184) |
hsl(232,80%,40%) |
| #1225a1 |
rgb(18,37,161) |
hsl(232,80%,35%) |
| #0f208a |
rgb(15,32,138) |
hsl(232,80%,30%) |
| #0d1a73 |
rgb(13,26,115) |
hsl(232,80%,25%) |
| #0a155c |
rgb(10,21,92) |
hsl(232,80%,20%) |
| #081045 |
rgb(8,16,69) |
hsl(232,80%,15%) |
| #050b2e |
rgb(5,11,46) |
hsl(232,80%,10%) |
| #030517 |
rgb(3,5,23) |
hsl(232,80%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30C4E8 |
rgb(48,196,232) |
hsl(192,80%,55%) |
| #304AE8 |
rgb(48,74,232) |
hsl(232,80%,55%) |
| #9030E8 |
rgb(144,48,232) |
hsl(271,80%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8091F0 |
rgb(128,145,240) |
hsl(231,79%,72%) |
| #586EEC |
rgb(88,110,236) |
hsl(231,80%,64%) |
| #304AE8 |
rgb(48,74,232) |
hsl(232,80%,55%) |
| #1733D3 |
rgb(23,51,211) |
hsl(231,80%,46%) |
| #1329AB |
rgb(19,41,171) |
hsl(231,80%,37%) |
| #0E1F83 |
rgb(14,31,131) |
hsl(231,81%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304AE8 |
rgb(48,74,232) |
hsl(232,80%,55%) |
| #E87330 |
rgb(232,115,48) |
hsl(22,80%,55%) |
| #A6E830 |
rgb(166,232,48) |
hsl(82,80%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304AE8 |
rgb(48,74,232) |
hsl(232,80%,55%) |
| #E8CF30 |
rgb(232,207,48) |
hsl(52,80%,55%) |
| #30A6E8 |
rgb(48,166,232) |
hsl(202,80%,55%) |
| #A6E830 |
rgb(166,232,48) |
hsl(82,80%,55%) |
