HEX #3A45E5 color — Royal Blue
The color #3A45E5 is a dark shade and moderately saturated.
Palette
3A45E5 color palette from light to dark
HEX |
RGB |
HSL |
#edeefd |
rgb(237,238,253) |
hsl(236,77%,96%) |
#d6d9fa |
rgb(214,217,250) |
hsl(236,77%,91%) |
#c0c3f7 |
rgb(192,195,247) |
hsl(236,77%,86%) |
#a9aef4 |
rgb(169,174,244) |
hsl(236,77%,81%) |
#9399f1 |
rgb(147,153,241) |
hsl(236,77%,76%) |
#7c84ee |
rgb(124,132,238) |
hsl(236,77%,71%) |
#666eeb |
rgb(102,110,235) |
hsl(236,77%,66%) |
#4f59e8 |
rgb(79,89,232) |
hsl(236,77%,61%) |
#3844e5 |
rgb(56,68,229) |
hsl(236,77%,56%) |
#222fe2 |
rgb(34,47,226) |
hsl(236,77%,51%) |
#1b27d0 |
rgb(27,39,208) |
hsl(236,77%,46%) |
#1823b9 |
rgb(24,35,185) |
hsl(236,77%,41%) |
#151fa2 |
rgb(21,31,162) |
hsl(236,77%,36%) |
#121a8c |
rgb(18,26,140) |
hsl(236,77%,31%) |
#0f1675 |
rgb(15,22,117) |
hsl(236,77%,26%) |
#0c125f |
rgb(12,18,95) |
hsl(236,77%,21%) |
#090e48 |
rgb(9,14,72) |
hsl(236,77%,16%) |
#060932 |
rgb(6,9,50) |
hsl(236,77%,11%) |
#04051b |
rgb(4,5,27) |
hsl(236,77%,6%) |
#010105 |
rgb(1,1,5) |
hsl(236,77%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AB8E5 |
rgb(58,184,229) |
hsl(196,77%,56%) |
#3A45E5 |
rgb(58,69,229) |
hsl(236,77%,56%) |
#A13BE5 |
rgb(161,59,229) |
hsl(276,77%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8B91EF |
rgb(139,145,239) |
hsl(236,76%,74%) |
#626BEA |
rgb(98,107,234) |
hsl(236,76%,65%) |
#3A45E5 |
rgb(58,69,229) |
hsl(236,77%,56%) |
#1C29D4 |
rgb(28,41,212) |
hsl(236,77%,47%) |
#1621AC |
rgb(22,33,172) |
hsl(236,77%,38%) |
#111A83 |
rgb(17,26,131) |
hsl(235,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A45E5 |
rgb(58,69,229) |
hsl(236,77%,56%) |
#E5853A |
rgb(229,133,58) |
hsl(26,77%,56%) |
#9AE63A |
rgb(154,230,58) |
hsl(87,77%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A45E5 |
rgb(58,69,229) |
hsl(236,77%,56%) |
#E5D93A |
rgb(229,217,58) |
hsl(56,77%,56%) |
#3A9CE5 |
rgb(58,156,229) |
hsl(206,77%,56%) |
#9AE63A |
rgb(154,230,58) |
hsl(87,77%,56%) |