HEX #345EE2 color — Royal Blue
The color #345EE2 is a dark shade and moderately saturated.
Palette
345EE2 color palette from light to dark
HEX |
RGB |
HSL |
#e9edfc |
rgb(233,237,252) |
hsl(226,75%,95%) |
#d2dbf9 |
rgb(210,219,249) |
hsl(226,75%,90%) |
#bcc9f5 |
rgb(188,201,245) |
hsl(226,75%,85%) |
#a6b8f2 |
rgb(166,184,242) |
hsl(226,75%,80%) |
#8fa6ef |
rgb(143,166,239) |
hsl(226,75%,75%) |
#7994ec |
rgb(121,148,236) |
hsl(226,75%,70%) |
#6382e9 |
rgb(99,130,233) |
hsl(226,75%,65%) |
#4d70e6 |
rgb(77,112,230) |
hsl(226,75%,60%) |
#365ee2 |
rgb(54,94,226) |
hsl(226,75%,55%) |
#204ddf |
rgb(32,77,223) |
hsl(226,75%,50%) |
#1d45c9 |
rgb(29,69,201) |
hsl(226,75%,45%) |
#1a3db3 |
rgb(26,61,179) |
hsl(226,75%,40%) |
#16369c |
rgb(22,54,156) |
hsl(226,75%,35%) |
#132e86 |
rgb(19,46,134) |
hsl(226,75%,30%) |
#102670 |
rgb(16,38,112) |
hsl(226,75%,25%) |
#0d1f59 |
rgb(13,31,89) |
hsl(226,75%,20%) |
#0a1743 |
rgb(10,23,67) |
hsl(226,75%,15%) |
#060f2d |
rgb(6,15,45) |
hsl(226,75%,10%) |
#030816 |
rgb(3,8,22) |
hsl(226,75%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#34D1E2 |
rgb(52,209,226) |
hsl(186,75%,55%) |
#345EE2 |
rgb(52,94,226) |
hsl(226,75%,55%) |
#7E33E2 |
rgb(126,51,226) |
hsl(266,75%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#819CED |
rgb(129,156,237) |
hsl(225,75%,72%) |
#5A7DE7 |
rgb(90,125,231) |
hsl(225,75%,63%) |
#345EE2 |
rgb(52,94,226) |
hsl(226,75%,55%) |
#1D47CC |
rgb(29,71,204) |
hsl(226,75%,46%) |
#173BA5 |
rgb(23,59,165) |
hsl(225,76%,37%) |
#122B7E |
rgb(18,43,126) |
hsl(226,75%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#345EE2 |
rgb(52,94,226) |
hsl(226,75%,55%) |
#E26134 |
rgb(226,97,52) |
hsl(16,75%,55%) |
#B5E334 |
rgb(181,227,52) |
hsl(76,76%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#345EE2 |
rgb(52,94,226) |
hsl(226,75%,55%) |
#E2B834 |
rgb(226,184,52) |
hsl(46,75%,55%) |
#34B5E2 |
rgb(52,181,226) |
hsl(196,75%,55%) |
#B5E334 |
rgb(181,227,52) |
hsl(76,76%,55%) |