HEX #304FEB color — Royal Blue
The color #304FEB is a dark shade and moderately saturated.
Palette
304FEB color palette from light to dark
HEX |
RGB |
HSL |
#e8ebfd |
rgb(232,235,253) |
hsl(230,82%,95%) |
#d1d8fa |
rgb(209,216,250) |
hsl(230,82%,90%) |
#b9c4f8 |
rgb(185,196,248) |
hsl(230,82%,85%) |
#a2b0f6 |
rgb(162,176,246) |
hsl(230,82%,80%) |
#8b9cf4 |
rgb(139,156,244) |
hsl(230,82%,75%) |
#7489f1 |
rgb(116,137,241) |
hsl(230,82%,70%) |
#5d75ef |
rgb(93,117,239) |
hsl(230,82%,65%) |
#4561ed |
rgb(69,97,237) |
hsl(230,82%,60%) |
#2e4eea |
rgb(46,78,234) |
hsl(230,82%,55%) |
#173ae8 |
rgb(23,58,232) |
hsl(230,82%,50%) |
#1534d1 |
rgb(21,52,209) |
hsl(230,82%,45%) |
#122eba |
rgb(18,46,186) |
hsl(230,82%,40%) |
#1028a2 |
rgb(16,40,162) |
hsl(230,82%,35%) |
#0e238b |
rgb(14,35,139) |
hsl(230,82%,30%) |
#0b1d74 |
rgb(11,29,116) |
hsl(230,82%,25%) |
#09175d |
rgb(9,23,93) |
hsl(230,82%,20%) |
#071146 |
rgb(7,17,70) |
hsl(230,82%,15%) |
#050c2e |
rgb(5,12,46) |
hsl(230,82%,10%) |
#020617 |
rgb(2,6,23) |
hsl(230,82%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#30CCEB |
rgb(48,204,235) |
hsl(190,82%,55%) |
#304FEB |
rgb(48,79,235) |
hsl(230,82%,55%) |
#8D30EB |
rgb(141,48,235) |
hsl(270,82%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8296F2 |
rgb(130,150,242) |
hsl(229,81%,73%) |
#5973EE |
rgb(89,115,238) |
hsl(230,81%,64%) |
#304FEB |
rgb(48,79,235) |
hsl(230,82%,55%) |
#1436D8 |
rgb(20,54,216) |
hsl(230,83%,46%) |
#102BAF |
rgb(16,43,175) |
hsl(230,83%,37%) |
#0C2186 |
rgb(12,33,134) |
hsl(230,84%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#304FEB |
rgb(48,79,235) |
hsl(230,82%,55%) |
#EB6E30 |
rgb(235,110,48) |
hsl(20,82%,55%) |
#ACEB30 |
rgb(172,235,48) |
hsl(80,82%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304FEB |
rgb(48,79,235) |
hsl(230,82%,55%) |
#EBCC30 |
rgb(235,204,48) |
hsl(50,82%,55%) |
#30ADEB |
rgb(48,173,235) |
hsl(200,82%,55%) |
#ACEB30 |
rgb(172,235,48) |
hsl(80,82%,55%) |