HEX #304DDF color — Royal Blue
The color #304DDF is a dark shade and moderately saturated.
Palette
304DDF color palette from light to dark
HEX |
RGB |
HSL |
#f6f7fe |
rgb(246,247,254) |
hsl(230,73%,98%) |
#e0e4fa |
rgb(224,228,250) |
hsl(230,73%,93%) |
#cad2f7 |
rgb(202,210,247) |
hsl(230,73%,88%) |
#b4bff3 |
rgb(180,191,243) |
hsl(230,73%,83%) |
#9eacf0 |
rgb(158,172,240) |
hsl(230,73%,78%) |
#8899ec |
rgb(136,153,236) |
hsl(230,73%,73%) |
#7286e9 |
rgb(114,134,233) |
hsl(230,73%,68%) |
#5c73e6 |
rgb(92,115,230) |
hsl(230,73%,63%) |
#4660e2 |
rgb(70,96,226) |
hsl(230,73%,58%) |
#304ddf |
rgb(48,77,223) |
hsl(230,73%,53%) |
#213fd4 |
rgb(33,63,212) |
hsl(230,73%,48%) |
#1e38be |
rgb(30,56,190) |
hsl(230,73%,43%) |
#1a32a8 |
rgb(26,50,168) |
hsl(230,73%,38%) |
#172b92 |
rgb(23,43,146) |
hsl(230,73%,33%) |
#13257c |
rgb(19,37,124) |
hsl(230,73%,28%) |
#101e65 |
rgb(16,30,101) |
hsl(230,73%,23%) |
#0c184f |
rgb(12,24,79) |
hsl(230,73%,18%) |
#091139 |
rgb(9,17,57) |
hsl(230,73%,13%) |
#060a23 |
rgb(6,10,35) |
hsl(230,73%,8%) |
#02040d |
rgb(2,4,13) |
hsl(230,73%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C2DF |
rgb(48,194,223) |
hsl(190,73%,53%) |
#304DDF |
rgb(48,77,223) |
hsl(230,73%,53%) |
#8730DF |
rgb(135,48,223) |
hsl(270,73%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7B8FEA |
rgb(123,143,234) |
hsl(229,73%,70%) |
#556EE4 |
rgb(85,110,228) |
hsl(230,73%,61%) |
#304DDF |
rgb(48,77,223) |
hsl(230,73%,53%) |
#1E3BC5 |
rgb(30,59,197) |
hsl(230,74%,45%) |
#182E9F |
rgb(24,46,159) |
hsl(230,74%,36%) |
#12247A |
rgb(18,36,122) |
hsl(230,74%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#304DDF |
rgb(48,77,223) |
hsl(230,73%,53%) |
#DF6B30 |
rgb(223,107,48) |
hsl(20,73%,53%) |
#A4DE30 |
rgb(164,222,48) |
hsl(80,73%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304DDF |
rgb(48,77,223) |
hsl(230,73%,53%) |
#DFC230 |
rgb(223,194,48) |
hsl(50,73%,53%) |
#30A6DF |
rgb(48,166,223) |
hsl(200,73%,53%) |
#A4DE30 |
rgb(164,222,48) |
hsl(80,73%,53%) |