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%) |