HEX #304AEA color — Royal Blue
The color #304AEA is a dark shade and moderately saturated.
Palette
304AEA color palette from light to dark
| HEX |
RGB |
HSL |
| #e8ebfd |
rgb(232,235,253) |
hsl(232,82%,95%) |
| #d1d6fa |
rgb(209,214,250) |
hsl(232,82%,90%) |
| #b9c2f8 |
rgb(185,194,248) |
hsl(232,82%,85%) |
| #a2adf6 |
rgb(162,173,246) |
hsl(232,82%,80%) |
| #8b99f4 |
rgb(139,153,244) |
hsl(232,82%,75%) |
| #7484f1 |
rgb(116,132,241) |
hsl(232,82%,70%) |
| #5d70ef |
rgb(93,112,239) |
hsl(232,82%,65%) |
| #455ced |
rgb(69,92,237) |
hsl(232,82%,60%) |
| #2e47ea |
rgb(46,71,234) |
hsl(232,82%,55%) |
| #1733e8 |
rgb(23,51,232) |
hsl(232,82%,50%) |
| #152ed1 |
rgb(21,46,209) |
hsl(232,82%,45%) |
| #1229ba |
rgb(18,41,186) |
hsl(232,82%,40%) |
| #1024a2 |
rgb(16,36,162) |
hsl(232,82%,35%) |
| #0e1e8b |
rgb(14,30,139) |
hsl(232,82%,30%) |
| #0b1974 |
rgb(11,25,116) |
hsl(232,82%,25%) |
| #09145d |
rgb(9,20,93) |
hsl(232,82%,20%) |
| #070f46 |
rgb(7,15,70) |
hsl(232,82%,15%) |
| #050a2e |
rgb(5,10,46) |
hsl(232,82%,10%) |
| #020517 |
rgb(2,5,23) |
hsl(232,82%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30C7EA |
rgb(48,199,234) |
hsl(191,82%,55%) |
| #304AEA |
rgb(48,74,234) |
hsl(232,82%,55%) |
| #9230EA |
rgb(146,48,234) |
hsl(272,82%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8191F2 |
rgb(129,145,242) |
hsl(232,81%,73%) |
| #586EEE |
rgb(88,110,238) |
hsl(231,82%,64%) |
| #304AEA |
rgb(48,74,234) |
hsl(232,82%,55%) |
| #1530D7 |
rgb(21,48,215) |
hsl(232,82%,46%) |
| #1129AE |
rgb(17,41,174) |
hsl(231,82%,37%) |
| #0D1F85 |
rgb(13,31,133) |
hsl(231,82%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304AEA |
rgb(48,74,234) |
hsl(232,82%,55%) |
| #EA7330 |
rgb(234,115,48) |
hsl(22,82%,55%) |
| #A7EB30 |
rgb(167,235,48) |
hsl(82,82%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304AEA |
rgb(48,74,234) |
hsl(232,82%,55%) |
| #EAD130 |
rgb(234,209,48) |
hsl(52,82%,55%) |
| #30A6EA |
rgb(48,166,234) |
hsl(202,82%,55%) |
| #A7EB30 |
rgb(167,235,48) |
hsl(82,82%,55%) |
