HEX #306BDF color — Royal Blue
The color #306BDF is a dark shade and moderately saturated.
Palette
306BDF color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(220,73%,98%) |
#e0e9fa |
rgb(224,233,250) |
hsl(220,73%,93%) |
#cad9f7 |
rgb(202,217,247) |
hsl(220,73%,88%) |
#b4c9f3 |
rgb(180,201,243) |
hsl(220,73%,83%) |
#9eb9f0 |
rgb(158,185,240) |
hsl(220,73%,78%) |
#88a9ec |
rgb(136,169,236) |
hsl(220,73%,73%) |
#729ae9 |
rgb(114,154,233) |
hsl(220,73%,68%) |
#5c8ae6 |
rgb(92,138,230) |
hsl(220,73%,63%) |
#467ae2 |
rgb(70,122,226) |
hsl(220,73%,58%) |
#306adf |
rgb(48,106,223) |
hsl(220,73%,53%) |
#215dd4 |
rgb(33,93,212) |
hsl(220,73%,48%) |
#1e53be |
rgb(30,83,190) |
hsl(220,73%,43%) |
#1a49a8 |
rgb(26,73,168) |
hsl(220,73%,38%) |
#174092 |
rgb(23,64,146) |
hsl(220,73%,33%) |
#13367c |
rgb(19,54,124) |
hsl(220,73%,28%) |
#102c65 |
rgb(16,44,101) |
hsl(220,73%,23%) |
#0c234f |
rgb(12,35,79) |
hsl(220,73%,18%) |
#091939 |
rgb(9,25,57) |
hsl(220,73%,13%) |
#060f23 |
rgb(6,15,35) |
hsl(220,73%,8%) |
#02060d |
rgb(2,6,13) |
hsl(220,73%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30DEDE |
rgb(48,222,222) |
hsl(180,73%,53%) |
#306BDF |
rgb(48,107,223) |
hsl(220,73%,53%) |
#6930DF |
rgb(105,48,223) |
hsl(260,73%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7BA1EA |
rgb(123,161,234) |
hsl(219,73%,70%) |
#5585E4 |
rgb(85,133,228) |
hsl(220,73%,61%) |
#306BDF |
rgb(48,107,223) |
hsl(220,73%,53%) |
#1E57C5 |
rgb(30,87,197) |
hsl(220,74%,45%) |
#18479F |
rgb(24,71,159) |
hsl(219,74%,36%) |
#12367A |
rgb(18,54,122) |
hsl(219,74%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#306BDF |
rgb(48,107,223) |
hsl(220,73%,53%) |
#DF4D30 |
rgb(223,77,48) |
hsl(10,73%,53%) |
#C2DE30 |
rgb(194,222,48) |
hsl(70,73%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306BDF |
rgb(48,107,223) |
hsl(220,73%,53%) |
#DFA330 |
rgb(223,163,48) |
hsl(39,73%,53%) |
#30C2DF |
rgb(48,194,223) |
hsl(190,73%,53%) |
#C2DE30 |
rgb(194,222,48) |
hsl(70,73%,53%) |