HEX #304AEF color — Royal Blue
The color #304AEF is a dark shade and moderately saturated.
Palette
304AEF 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 |
#30C9EF |
rgb(48,201,239) |
hsl(192,86%,56%) |
#304AEF |
rgb(48,74,239) |
hsl(232,86%,56%) |
#9530EF |
rgb(149,48,239) |
hsl(272,86%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8594F5 |
rgb(133,148,245) |
hsl(232,85%,74%) |
#5A70F2 |
rgb(90,112,242) |
hsl(231,85%,65%) |
#304AEF |
rgb(48,74,239) |
hsl(232,86%,56%) |
#112EDF |
rgb(17,46,223) |
hsl(232,86%,47%) |
#0E24B5 |
rgb(14,36,181) |
hsl(232,86%,38%) |
#0A1C8A |
rgb(10,28,138) |
hsl(232,86%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#304AEF |
rgb(48,74,239) |
hsl(232,86%,56%) |
#EF7530 |
rgb(239,117,48) |
hsl(22,86%,56%) |
#A9F030 |
rgb(169,240,48) |
hsl(82,86%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304AEF |
rgb(48,74,239) |
hsl(232,86%,56%) |
#EFD630 |
rgb(239,214,48) |
hsl(52,86%,56%) |
#30A8EF |
rgb(48,168,239) |
hsl(202,86%,56%) |
#A9F030 |
rgb(169,240,48) |
hsl(82,86%,56%) |