HEX #304AF0 color — Royal Blue
The color #304AF0 is a dark shade and moderately saturated.
Palette
304AF0 color palette from light to dark
HEX |
RGB |
HSL |
#eceefe |
rgb(236,238,254) |
hsl(232,86%,96%) |
#d4dafc |
rgb(212,218,252) |
hsl(232,86%,91%) |
#bdc5fa |
rgb(189,197,250) |
hsl(232,86%,86%) |
#a5b0f8 |
rgb(165,176,248) |
hsl(232,86%,81%) |
#8d9bf6 |
rgb(141,155,246) |
hsl(232,86%,76%) |
#7586f5 |
rgb(117,134,245) |
hsl(232,86%,71%) |
#5e72f3 |
rgb(94,114,243) |
hsl(232,86%,66%) |
#465df1 |
rgb(70,93,241) |
hsl(232,86%,61%) |
#2e48ef |
rgb(46,72,239) |
hsl(232,86%,56%) |
#1733ee |
rgb(23,51,238) |
hsl(232,86%,51%) |
#102bda |
rgb(16,43,218) |
hsl(232,86%,46%) |
#0f27c2 |
rgb(15,39,194) |
hsl(232,86%,41%) |
#0d22ab |
rgb(13,34,171) |
hsl(232,86%,36%) |
#0b1d93 |
rgb(11,29,147) |
hsl(232,86%,31%) |
#09187b |
rgb(9,24,123) |
hsl(232,86%,26%) |
#071464 |
rgb(7,20,100) |
hsl(232,86%,21%) |
#060f4c |
rgb(6,15,76) |
hsl(232,86%,16%) |
#040a34 |
rgb(4,10,52) |
hsl(232,86%,11%) |
#02061c |
rgb(2,6,28) |
hsl(232,86%,6%) |
#000105 |
rgb(0,1,5) |
hsl(232,86%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C9F0 |
rgb(48,201,240) |
hsl(192,86%,56%) |
#304AF0 |
rgb(48,74,240) |
hsl(232,86%,56%) |
#9630F0 |
rgb(150,48,240) |
hsl(272,86%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8594F6 |
rgb(133,148,246) |
hsl(232,86%,74%) |
#5A70F3 |
rgb(90,112,243) |
hsl(231,86%,65%) |
#304AF0 |
rgb(48,74,240) |
hsl(232,86%,56%) |
#102EE1 |
rgb(16,46,225) |
hsl(231,87%,47%) |
#0D24B6 |
rgb(13,36,182) |
hsl(232,87%,38%) |
#0A1C8B |
rgb(10,28,139) |
hsl(232,87%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#304AF0 |
rgb(48,74,240) |
hsl(232,86%,56%) |
#F07530 |
rgb(240,117,48) |
hsl(22,86%,56%) |
#AAF030 |
rgb(170,240,48) |
hsl(82,86%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304AF0 |
rgb(48,74,240) |
hsl(232,86%,56%) |
#F0D630 |
rgb(240,214,48) |
hsl(52,86%,56%) |
#30ABF0 |
rgb(48,171,240) |
hsl(202,86%,56%) |
#AAF030 |
rgb(170,240,48) |
hsl(82,86%,56%) |