HEX #304FF0 color — Royal Blue
The color #304FF0 is a dark shade and moderately saturated.
Palette
304FF0 color palette from light to dark
HEX |
RGB |
HSL |
#eceffe |
rgb(236,239,254) |
hsl(230,86%,96%) |
#d4dbfc |
rgb(212,219,252) |
hsl(230,86%,91%) |
#bdc7fa |
rgb(189,199,250) |
hsl(230,86%,86%) |
#a5b3f8 |
rgb(165,179,248) |
hsl(230,86%,81%) |
#8d9ff6 |
rgb(141,159,246) |
hsl(230,86%,76%) |
#758bf5 |
rgb(117,139,245) |
hsl(230,86%,71%) |
#5e77f3 |
rgb(94,119,243) |
hsl(230,86%,66%) |
#4663f1 |
rgb(70,99,241) |
hsl(230,86%,61%) |
#2e4eef |
rgb(46,78,239) |
hsl(230,86%,56%) |
#173aee |
rgb(23,58,238) |
hsl(230,86%,51%) |
#1032da |
rgb(16,50,218) |
hsl(230,86%,46%) |
#0f2dc2 |
rgb(15,45,194) |
hsl(230,86%,41%) |
#0d27ab |
rgb(13,39,171) |
hsl(230,86%,36%) |
#0b2293 |
rgb(11,34,147) |
hsl(230,86%,31%) |
#091c7b |
rgb(9,28,123) |
hsl(230,86%,26%) |
#071764 |
rgb(7,23,100) |
hsl(230,86%,21%) |
#06114c |
rgb(6,17,76) |
hsl(230,86%,16%) |
#040c34 |
rgb(4,12,52) |
hsl(230,86%,11%) |
#02071c |
rgb(2,7,28) |
hsl(230,86%,6%) |
#000105 |
rgb(0,1,5) |
hsl(230,86%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30CFF0 |
rgb(48,207,240) |
hsl(190,86%,56%) |
#304FF0 |
rgb(48,79,240) |
hsl(230,86%,56%) |
#9130F0 |
rgb(145,48,240) |
hsl(270,86%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8599F6 |
rgb(133,153,246) |
hsl(229,86%,74%) |
#5A73F3 |
rgb(90,115,243) |
hsl(230,86%,65%) |
#304FF0 |
rgb(48,79,240) |
hsl(230,86%,56%) |
#1033E1 |
rgb(16,51,225) |
hsl(230,87%,47%) |
#0D29B6 |
rgb(13,41,182) |
hsl(230,87%,38%) |
#0A1F8B |
rgb(10,31,139) |
hsl(230,87%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#304FF0 |
rgb(48,79,240) |
hsl(230,86%,56%) |
#F07030 |
rgb(240,112,48) |
hsl(20,86%,56%) |
#AFF030 |
rgb(175,240,48) |
hsl(80,86%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304FF0 |
rgb(48,79,240) |
hsl(230,86%,56%) |
#F0D130 |
rgb(240,209,48) |
hsl(50,86%,56%) |
#30B0F0 |
rgb(48,176,240) |
hsl(200,86%,56%) |
#AFF030 |
rgb(175,240,48) |
hsl(80,86%,56%) |