HEX #345EF2 color — Royal Blue
The color #345EF2 is a dark shade and moderately saturated.
Palette
345EF2 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7fe |
rgb(245,247,254) |
hsl(227,88%,98%) |
#dde4fd |
rgb(221,228,253) |
hsl(227,88%,93%) |
#c5d1fb |
rgb(197,209,251) |
hsl(227,88%,88%) |
#aebefa |
rgb(174,190,250) |
hsl(227,88%,83%) |
#96abf8 |
rgb(150,171,248) |
hsl(227,88%,78%) |
#7e98f7 |
rgb(126,152,247) |
hsl(227,88%,73%) |
#6685f5 |
rgb(102,133,245) |
hsl(227,88%,68%) |
#4e72f4 |
rgb(78,114,244) |
hsl(227,88%,63%) |
#365ef2 |
rgb(54,94,242) |
hsl(227,88%,58%) |
#1e4bf1 |
rgb(30,75,241) |
hsl(227,88%,53%) |
#0f3de6 |
rgb(15,61,230) |
hsl(227,88%,48%) |
#0d37ce |
rgb(13,55,206) |
hsl(227,88%,43%) |
#0c31b6 |
rgb(12,49,182) |
hsl(227,88%,38%) |
#0a2a9e |
rgb(10,42,158) |
hsl(227,88%,33%) |
#092486 |
rgb(9,36,134) |
hsl(227,88%,28%) |
#071d6e |
rgb(7,29,110) |
hsl(227,88%,23%) |
#061756 |
rgb(6,23,86) |
hsl(227,88%,18%) |
#04113e |
rgb(4,17,62) |
hsl(227,88%,13%) |
#020a26 |
rgb(2,10,38) |
hsl(227,88%,8%) |
#01040e |
rgb(1,4,14) |
hsl(227,88%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#34DEF2 |
rgb(52,222,242) |
hsl(186,88%,58%) |
#345EF2 |
rgb(52,94,242) |
hsl(227,88%,58%) |
#8833F2 |
rgb(136,51,242) |
hsl(267,88%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CA3F7 |
rgb(140,163,247) |
hsl(227,87%,76%) |
#6082F4 |
rgb(96,130,244) |
hsl(226,87%,67%) |
#345EF2 |
rgb(52,94,242) |
hsl(227,88%,58%) |
#0E40E8 |
rgb(14,64,232) |
hsl(226,89%,48%) |
#0C33BB |
rgb(12,51,187) |
hsl(227,88%,39%) |
#09268F |
rgb(9,38,143) |
hsl(227,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#345EF2 |
rgb(52,94,242) |
hsl(227,88%,58%) |
#F26934 |
rgb(242,105,52) |
hsl(17,88%,58%) |
#BDF234 |
rgb(189,242,52) |
hsl(77,88%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#345EF2 |
rgb(52,94,242) |
hsl(227,88%,58%) |
#F2C734 |
rgb(242,199,52) |
hsl(46,88%,58%) |
#34BDF2 |
rgb(52,189,242) |
hsl(197,88%,58%) |
#BDF234 |
rgb(189,242,52) |
hsl(77,88%,58%) |