HEX #304ADB color — Royal Blue
The color #304ADB is a dark shade and moderately saturated.
Palette
304ADB color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(231,70%,97%) |
#dce1f9 |
rgb(220,225,249) |
hsl(231,70%,92%) |
#c7cef5 |
rgb(199,206,245) |
hsl(231,70%,87%) |
#b1bbf1 |
rgb(177,187,241) |
hsl(231,70%,82%) |
#9ba8ed |
rgb(155,168,237) |
hsl(231,70%,77%) |
#8695ea |
rgb(134,149,234) |
hsl(231,70%,72%) |
#7082e6 |
rgb(112,130,230) |
hsl(231,70%,67%) |
#5a6fe2 |
rgb(90,111,226) |
hsl(231,70%,62%) |
#455cde |
rgb(69,92,222) |
hsl(231,70%,57%) |
#2f49da |
rgb(47,73,218) |
hsl(231,70%,52%) |
#243dcc |
rgb(36,61,204) |
hsl(231,70%,47%) |
#2037b6 |
rgb(32,55,182) |
hsl(231,70%,42%) |
#1c30a0 |
rgb(28,48,160) |
hsl(231,70%,37%) |
#182a8b |
rgb(24,42,139) |
hsl(231,70%,32%) |
#152375 |
rgb(21,35,117) |
hsl(231,70%,27%) |
#111d5f |
rgb(17,29,95) |
hsl(231,70%,22%) |
#0d164a |
rgb(13,22,74) |
hsl(231,70%,17%) |
#091034 |
rgb(9,16,52) |
hsl(231,70%,12%) |
#05091e |
rgb(5,9,30) |
hsl(231,70%,7%) |
#020309 |
rgb(2,3,9) |
hsl(231,70%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30BDDB |
rgb(48,189,219) |
hsl(191,70%,52%) |
#304ADB |
rgb(48,74,219) |
hsl(231,70%,52%) |
#8830DB |
rgb(136,48,219) |
hsl(271,70%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#788AE7 |
rgb(120,138,231) |
hsl(230,70%,69%) |
#5469E1 |
rgb(84,105,225) |
hsl(231,70%,61%) |
#304ADB |
rgb(48,74,219) |
hsl(231,70%,52%) |
#2138BF |
rgb(33,56,191) |
hsl(231,71%,44%) |
#1A2E9A |
rgb(26,46,154) |
hsl(231,71%,35%) |
#142476 |
rgb(20,36,118) |
hsl(230,71%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#304ADB |
rgb(48,74,219) |
hsl(231,70%,52%) |
#DB6B30 |
rgb(219,107,48) |
hsl(21,70%,52%) |
#9FDB30 |
rgb(159,219,48) |
hsl(81,70%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304ADB |
rgb(48,74,219) |
hsl(231,70%,52%) |
#DBC230 |
rgb(219,194,48) |
hsl(51,70%,52%) |
#30A1DB |
rgb(48,161,219) |
hsl(200,70%,52%) |
#9FDB30 |
rgb(159,219,48) |
hsl(81,70%,52%) |