HEX #304FDB color — Royal Blue
The color #304FDB is a dark shade and moderately saturated.
Palette
304FDB color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(229,70%,97%) |
#dce2f9 |
rgb(220,226,249) |
hsl(229,70%,92%) |
#c7cff5 |
rgb(199,207,245) |
hsl(229,70%,87%) |
#b1bdf1 |
rgb(177,189,241) |
hsl(229,70%,82%) |
#9baaed |
rgb(155,170,237) |
hsl(229,70%,77%) |
#8698ea |
rgb(134,152,234) |
hsl(229,70%,72%) |
#7086e6 |
rgb(112,134,230) |
hsl(229,70%,67%) |
#5a73e2 |
rgb(90,115,226) |
hsl(229,70%,62%) |
#4561de |
rgb(69,97,222) |
hsl(229,70%,57%) |
#2f4eda |
rgb(47,78,218) |
hsl(229,70%,52%) |
#2443cc |
rgb(36,67,204) |
hsl(229,70%,47%) |
#203cb6 |
rgb(32,60,182) |
hsl(229,70%,42%) |
#1c35a0 |
rgb(28,53,160) |
hsl(229,70%,37%) |
#182d8b |
rgb(24,45,139) |
hsl(229,70%,32%) |
#152675 |
rgb(21,38,117) |
hsl(229,70%,27%) |
#111f5f |
rgb(17,31,95) |
hsl(229,70%,22%) |
#0d184a |
rgb(13,24,74) |
hsl(229,70%,17%) |
#091134 |
rgb(9,17,52) |
hsl(229,70%,12%) |
#050a1e |
rgb(5,10,30) |
hsl(229,70%,7%) |
#020309 |
rgb(2,3,9) |
hsl(229,70%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C2DB |
rgb(48,194,219) |
hsl(189,70%,52%) |
#304FDB |
rgb(48,79,219) |
hsl(229,70%,52%) |
#8330DB |
rgb(131,48,219) |
hsl(269,70%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#788CE7 |
rgb(120,140,231) |
hsl(229,70%,69%) |
#546EE1 |
rgb(84,110,225) |
hsl(229,70%,61%) |
#304FDB |
rgb(48,79,219) |
hsl(229,70%,52%) |
#213DBF |
rgb(33,61,191) |
hsl(229,71%,44%) |
#1A339A |
rgb(26,51,154) |
hsl(228,71%,35%) |
#142676 |
rgb(20,38,118) |
hsl(229,71%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#304FDB |
rgb(48,79,219) |
hsl(229,70%,52%) |
#DB6630 |
rgb(219,102,48) |
hsl(19,70%,52%) |
#A4DB30 |
rgb(164,219,48) |
hsl(79,70%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304FDB |
rgb(48,79,219) |
hsl(229,70%,52%) |
#DBBD30 |
rgb(219,189,48) |
hsl(49,70%,52%) |
#30A6DB |
rgb(48,166,219) |
hsl(199,70%,52%) |
#A4DB30 |
rgb(164,219,48) |
hsl(79,70%,52%) |