HEX #307ADE color — Royal Blue
The color #307ADE is a dark shade and moderately saturated.
Palette
307ADE color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(214,73%,98%) |
#e0ebfa |
rgb(224,235,250) |
hsl(214,73%,93%) |
#caddf7 |
rgb(202,221,247) |
hsl(214,73%,88%) |
#b4cff3 |
rgb(180,207,243) |
hsl(214,73%,83%) |
#9ec1f0 |
rgb(158,193,240) |
hsl(214,73%,78%) |
#88b3ec |
rgb(136,179,236) |
hsl(214,73%,73%) |
#72a5e9 |
rgb(114,165,233) |
hsl(214,73%,68%) |
#5c97e6 |
rgb(92,151,230) |
hsl(214,73%,63%) |
#4689e2 |
rgb(70,137,226) |
hsl(214,73%,58%) |
#307bdf |
rgb(48,123,223) |
hsl(214,73%,53%) |
#216ed4 |
rgb(33,110,212) |
hsl(214,73%,48%) |
#1e63be |
rgb(30,99,190) |
hsl(214,73%,43%) |
#1a57a8 |
rgb(26,87,168) |
hsl(214,73%,38%) |
#174c92 |
rgb(23,76,146) |
hsl(214,73%,33%) |
#13407c |
rgb(19,64,124) |
hsl(214,73%,28%) |
#103565 |
rgb(16,53,101) |
hsl(214,73%,23%) |
#0c294f |
rgb(12,41,79) |
hsl(214,73%,18%) |
#091e39 |
rgb(9,30,57) |
hsl(214,73%,13%) |
#061223 |
rgb(6,18,35) |
hsl(214,73%,8%) |
#02070d |
rgb(2,7,13) |
hsl(214,73%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30DECE |
rgb(48,222,206) |
hsl(174,73%,53%) |
#307ADE |
rgb(48,122,222) |
hsl(214,73%,53%) |
#5A30DE |
rgb(90,48,222) |
hsl(254,73%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7AABE9 |
rgb(122,171,233) |
hsl(214,72%,70%) |
#5591E3 |
rgb(85,145,227) |
hsl(215,72%,61%) |
#307ADE |
rgb(48,122,222) |
hsl(214,73%,53%) |
#1F66C3 |
rgb(31,102,195) |
hsl(214,73%,44%) |
#19529E |
rgb(25,82,158) |
hsl(214,73%,36%) |
#134079 |
rgb(19,64,121) |
hsl(214,73%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#307ADE |
rgb(48,122,222) |
hsl(214,73%,53%) |
#DE3D30 |
rgb(222,61,48) |
hsl(4,73%,53%) |
#D1DE30 |
rgb(209,222,48) |
hsl(64,73%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307ADE |
rgb(48,122,222) |
hsl(214,73%,53%) |
#DE9430 |
rgb(222,148,48) |
hsl(34,73%,53%) |
#30D1DE |
rgb(48,209,222) |
hsl(184,73%,53%) |
#D1DE30 |
rgb(209,222,48) |
hsl(64,73%,53%) |