HEX #304FDE color — Royal Blue
The color #304FDE is a dark shade and moderately saturated.
Palette
304FDE color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(229,73%,98%) |
#e0e5fa |
rgb(224,229,250) |
hsl(229,73%,93%) |
#cad2f7 |
rgb(202,210,247) |
hsl(229,73%,88%) |
#b4c0f3 |
rgb(180,192,243) |
hsl(229,73%,83%) |
#9eadf0 |
rgb(158,173,240) |
hsl(229,73%,78%) |
#889aec |
rgb(136,154,236) |
hsl(229,73%,73%) |
#7288e9 |
rgb(114,136,233) |
hsl(229,73%,68%) |
#5c75e6 |
rgb(92,117,230) |
hsl(229,73%,63%) |
#4662e2 |
rgb(70,98,226) |
hsl(229,73%,58%) |
#3050df |
rgb(48,80,223) |
hsl(229,73%,53%) |
#2142d4 |
rgb(33,66,212) |
hsl(229,73%,48%) |
#1e3bbe |
rgb(30,59,190) |
hsl(229,73%,43%) |
#1a34a8 |
rgb(26,52,168) |
hsl(229,73%,38%) |
#172d92 |
rgb(23,45,146) |
hsl(229,73%,33%) |
#13267c |
rgb(19,38,124) |
hsl(229,73%,28%) |
#102065 |
rgb(16,32,101) |
hsl(229,73%,23%) |
#0c194f |
rgb(12,25,79) |
hsl(229,73%,18%) |
#091239 |
rgb(9,18,57) |
hsl(229,73%,13%) |
#060b23 |
rgb(6,11,35) |
hsl(229,73%,8%) |
#02040d |
rgb(2,4,13) |
hsl(229,73%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C2DE |
rgb(48,194,222) |
hsl(190,73%,53%) |
#304FDE |
rgb(48,79,222) |
hsl(229,73%,53%) |
#8530DE |
rgb(133,48,222) |
hsl(269,73%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A8FE9 |
rgb(122,143,233) |
hsl(229,72%,70%) |
#556EE3 |
rgb(85,110,227) |
hsl(229,72%,61%) |
#304FDE |
rgb(48,79,222) |
hsl(229,73%,53%) |
#1F3DC3 |
rgb(31,61,195) |
hsl(229,73%,44%) |
#19309E |
rgb(25,48,158) |
hsl(230,73%,36%) |
#132679 |
rgb(19,38,121) |
hsl(229,73%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#304FDE |
rgb(48,79,222) |
hsl(229,73%,53%) |
#DE6930 |
rgb(222,105,48) |
hsl(20,73%,53%) |
#A6DE30 |
rgb(166,222,48) |
hsl(79,73%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304FDE |
rgb(48,79,222) |
hsl(229,73%,53%) |
#DEBF30 |
rgb(222,191,48) |
hsl(49,73%,53%) |
#30A6DE |
rgb(48,166,222) |
hsl(199,73%,53%) |
#A6DE30 |
rgb(166,222,48) |
hsl(79,73%,53%) |