HEX #304FE4 color — Royal Blue
The color #304FE4 is a dark shade and moderately saturated.
Palette
304FE4 color palette from light to dark
HEX |
RGB |
HSL |
#fafbfe |
rgb(250,251,254) |
hsl(230,77%,99%) |
#e4e8fb |
rgb(228,232,251) |
hsl(230,77%,94%) |
#cdd5f9 |
rgb(205,213,249) |
hsl(230,77%,89%) |
#b7c1f6 |
rgb(183,193,246) |
hsl(230,77%,84%) |
#a0aef3 |
rgb(160,174,243) |
hsl(230,77%,79%) |
#8a9bf0 |
rgb(138,155,240) |
hsl(230,77%,74%) |
#7387ed |
rgb(115,135,237) |
hsl(230,77%,69%) |
#5d74ea |
rgb(93,116,234) |
hsl(230,77%,64%) |
#4661e7 |
rgb(70,97,231) |
hsl(230,77%,59%) |
#2f4de4 |
rgb(47,77,228) |
hsl(230,77%,54%) |
#1d3ddd |
rgb(29,61,221) |
hsl(230,77%,49%) |
#1a37c7 |
rgb(26,55,199) |
hsl(230,77%,44%) |
#1730b0 |
rgb(23,48,176) |
hsl(230,77%,39%) |
#142a99 |
rgb(20,42,153) |
hsl(230,77%,34%) |
#112483 |
rgb(17,36,131) |
hsl(230,77%,29%) |
#0e1e6c |
rgb(14,30,108) |
hsl(230,77%,24%) |
#0b1856 |
rgb(11,24,86) |
hsl(230,77%,19%) |
#08113f |
rgb(8,17,63) |
hsl(230,77%,14%) |
#050b29 |
rgb(5,11,41) |
hsl(230,77%,9%) |
#020512 |
rgb(2,5,18) |
hsl(230,77%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C7E4 |
rgb(48,199,228) |
hsl(190,77%,54%) |
#304FE4 |
rgb(48,79,228) |
hsl(230,77%,54%) |
#8930E4 |
rgb(137,48,228) |
hsl(270,77%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7E91EE |
rgb(126,145,238) |
hsl(230,77%,71%) |
#5770E9 |
rgb(87,112,233) |
hsl(230,77%,63%) |
#304FE4 |
rgb(48,79,228) |
hsl(230,77%,54%) |
#1A3BCD |
rgb(26,59,205) |
hsl(229,77%,45%) |
#152EA6 |
rgb(21,46,166) |
hsl(230,78%,37%) |
#10247E |
rgb(16,36,126) |
hsl(229,77%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#304FE4 |
rgb(48,79,228) |
hsl(230,77%,54%) |
#E46B30 |
rgb(228,107,48) |
hsl(20,77%,54%) |
#A9E330 |
rgb(169,227,48) |
hsl(79,76%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304FE4 |
rgb(48,79,228) |
hsl(230,77%,54%) |
#E4C430 |
rgb(228,196,48) |
hsl(49,77%,54%) |
#30A8E4 |
rgb(48,168,228) |
hsl(200,77%,54%) |
#A9E330 |
rgb(169,227,48) |
hsl(79,76%,54%) |