HEX #304AE9 color — Royal Blue
The color #304AE9 is a dark shade and moderately saturated.
Palette
304AE9 color palette from light to dark
| HEX |
RGB |
HSL |
| #e8ebfd |
rgb(232,235,253) |
hsl(232,81%,95%) |
| #d1d6fa |
rgb(209,214,250) |
hsl(232,81%,90%) |
| #bac2f8 |
rgb(186,194,248) |
hsl(232,81%,85%) |
| #a3aef5 |
rgb(163,174,245) |
hsl(232,81%,80%) |
| #8c99f3 |
rgb(140,153,243) |
hsl(232,81%,75%) |
| #7585f0 |
rgb(117,133,240) |
hsl(232,81%,70%) |
| #5d71ee |
rgb(93,113,238) |
hsl(232,81%,65%) |
| #465cec |
rgb(70,92,236) |
hsl(232,81%,60%) |
| #2f48e9 |
rgb(47,72,233) |
hsl(232,81%,55%) |
| #1834e7 |
rgb(24,52,231) |
hsl(232,81%,50%) |
| #162fd0 |
rgb(22,47,208) |
hsl(232,81%,45%) |
| #1329b9 |
rgb(19,41,185) |
hsl(232,81%,40%) |
| #1124a2 |
rgb(17,36,162) |
hsl(232,81%,35%) |
| #0f1f8a |
rgb(15,31,138) |
hsl(232,81%,30%) |
| #0c1a73 |
rgb(12,26,115) |
hsl(232,81%,25%) |
| #0a155c |
rgb(10,21,92) |
hsl(232,81%,20%) |
| #071045 |
rgb(7,16,69) |
hsl(232,81%,15%) |
| #050a2e |
rgb(5,10,46) |
hsl(232,81%,10%) |
| #020517 |
rgb(2,5,23) |
hsl(232,81%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30C4E9 |
rgb(48,196,233) |
hsl(192,81%,55%) |
| #304AE9 |
rgb(48,74,233) |
hsl(232,81%,55%) |
| #9130E9 |
rgb(145,48,233) |
hsl(271,81%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8191F1 |
rgb(129,145,241) |
hsl(231,80%,73%) |
| #586EED |
rgb(88,110,237) |
hsl(231,81%,64%) |
| #304AE9 |
rgb(48,74,233) |
hsl(232,81%,55%) |
| #1630D5 |
rgb(22,48,213) |
hsl(232,81%,46%) |
| #1229AC |
rgb(18,41,172) |
hsl(231,81%,37%) |
| #0E1F84 |
rgb(14,31,132) |
hsl(231,81%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304AE9 |
rgb(48,74,233) |
hsl(232,81%,55%) |
| #E97330 |
rgb(233,115,48) |
hsl(22,81%,55%) |
| #A6E830 |
rgb(166,232,48) |
hsl(82,80%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304AE9 |
rgb(48,74,233) |
hsl(232,81%,55%) |
| #E9CF30 |
rgb(233,207,48) |
hsl(52,81%,55%) |
| #30A6E9 |
rgb(48,166,233) |
hsl(202,81%,55%) |
| #A6E830 |
rgb(166,232,48) |
hsl(82,80%,55%) |
