HEX #3A69E5 color — Royal Blue
The color #3A69E5 is a dark shade and moderately saturated.
Palette
3A69E5 color palette from light to dark
HEX |
RGB |
HSL |
#edf1fd |
rgb(237,241,253) |
hsl(224,77%,96%) |
#d6e0fa |
rgb(214,224,250) |
hsl(224,77%,91%) |
#c0cef7 |
rgb(192,206,247) |
hsl(224,77%,86%) |
#a9bdf4 |
rgb(169,189,244) |
hsl(224,77%,81%) |
#93acf1 |
rgb(147,172,241) |
hsl(224,77%,76%) |
#7c9aee |
rgb(124,154,238) |
hsl(224,77%,71%) |
#6689eb |
rgb(102,137,235) |
hsl(224,77%,66%) |
#4f78e8 |
rgb(79,120,232) |
hsl(224,77%,61%) |
#3866e5 |
rgb(56,102,229) |
hsl(224,77%,56%) |
#2255e2 |
rgb(34,85,226) |
hsl(224,77%,51%) |
#1b4bd0 |
rgb(27,75,208) |
hsl(224,77%,46%) |
#1843b9 |
rgb(24,67,185) |
hsl(224,77%,41%) |
#153ba2 |
rgb(21,59,162) |
hsl(224,77%,36%) |
#12338c |
rgb(18,51,140) |
hsl(224,77%,31%) |
#0f2a75 |
rgb(15,42,117) |
hsl(224,77%,26%) |
#0c225f |
rgb(12,34,95) |
hsl(224,77%,21%) |
#091a48 |
rgb(9,26,72) |
hsl(224,77%,16%) |
#061232 |
rgb(6,18,50) |
hsl(224,77%,11%) |
#040a1b |
rgb(4,10,27) |
hsl(224,77%,6%) |
#010205 |
rgb(1,2,5) |
hsl(224,77%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ADBE5 |
rgb(58,219,229) |
hsl(184,77%,56%) |
#3A69E5 |
rgb(58,105,229) |
hsl(224,77%,56%) |
#7D3BE5 |
rgb(125,59,229) |
hsl(263,77%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BA6EF |
rgb(139,166,239) |
hsl(224,76%,74%) |
#6287EA |
rgb(98,135,234) |
hsl(224,76%,65%) |
#3A69E5 |
rgb(58,105,229) |
hsl(224,77%,56%) |
#1C4FD4 |
rgb(28,79,212) |
hsl(223,77%,47%) |
#1640AC |
rgb(22,64,172) |
hsl(223,77%,38%) |
#113083 |
rgb(17,48,131) |
hsl(224,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A69E5 |
rgb(58,105,229) |
hsl(224,77%,56%) |
#E5613A |
rgb(229,97,58) |
hsl(14,77%,56%) |
#BEE63A |
rgb(190,230,58) |
hsl(74,77%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A69E5 |
rgb(58,105,229) |
hsl(224,77%,56%) |
#E5B53A |
rgb(229,181,58) |
hsl(43,77%,56%) |
#3ABFE5 |
rgb(58,191,229) |
hsl(193,77%,56%) |
#BEE63A |
rgb(190,230,58) |
hsl(74,77%,56%) |