HEX #304AEB color — Royal Blue
The color #304AEB is a dark shade and moderately saturated.
Palette
304AEB 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 |
#30C7EB |
rgb(48,199,235) |
hsl(192,82%,55%) |
#304AEB |
rgb(48,74,235) |
hsl(232,82%,55%) |
#9230EB |
rgb(146,48,235) |
hsl(271,82%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8291F2 |
rgb(130,145,242) |
hsl(232,81%,73%) |
#596EEE |
rgb(89,110,238) |
hsl(232,81%,64%) |
#304AEB |
rgb(48,74,235) |
hsl(232,82%,55%) |
#1430D8 |
rgb(20,48,216) |
hsl(231,83%,46%) |
#1026AF |
rgb(16,38,175) |
hsl(232,83%,37%) |
#0C1F86 |
rgb(12,31,134) |
hsl(231,84%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#304AEB |
rgb(48,74,235) |
hsl(232,82%,55%) |
#EB7330 |
rgb(235,115,48) |
hsl(21,82%,55%) |
#A7EB30 |
rgb(167,235,48) |
hsl(82,82%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304AEB |
rgb(48,74,235) |
hsl(232,82%,55%) |
#EBD130 |
rgb(235,209,48) |
hsl(52,82%,55%) |
#30A8EB |
rgb(48,168,235) |
hsl(201,82%,55%) |
#A7EB30 |
rgb(167,235,48) |
hsl(82,82%,55%) |