HEX #3C63E5 color — Royal Blue
The color #3C63E5 is a dark shade and moderately saturated.
Palette
3C63E5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(226,76%,97%) |
#dbe2fa |
rgb(219,226,250) |
hsl(226,76%,92%) |
#c5d0f7 |
rgb(197,208,247) |
hsl(226,76%,87%) |
#aebef4 |
rgb(174,190,244) |
hsl(226,76%,82%) |
#98adf1 |
rgb(152,173,241) |
hsl(226,76%,77%) |
#819bee |
rgb(129,155,238) |
hsl(226,76%,72%) |
#6b89eb |
rgb(107,137,235) |
hsl(226,76%,67%) |
#5477e8 |
rgb(84,119,232) |
hsl(226,76%,62%) |
#3e65e5 |
rgb(62,101,229) |
hsl(226,76%,57%) |
#2853e2 |
rgb(40,83,226) |
hsl(226,76%,52%) |
#1d47d3 |
rgb(29,71,211) |
hsl(226,76%,47%) |
#1a40bc |
rgb(26,64,188) |
hsl(226,76%,42%) |
#1738a6 |
rgb(23,56,166) |
hsl(226,76%,37%) |
#143190 |
rgb(20,49,144) |
hsl(226,76%,32%) |
#112979 |
rgb(17,41,121) |
hsl(226,76%,27%) |
#0d2163 |
rgb(13,33,99) |
hsl(226,76%,22%) |
#0a1a4c |
rgb(10,26,76) |
hsl(226,76%,17%) |
#071236 |
rgb(7,18,54) |
hsl(226,76%,12%) |
#040b1f |
rgb(4,11,31) |
hsl(226,76%,7%) |
#010309 |
rgb(1,3,9) |
hsl(226,76%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CD4E5 |
rgb(60,212,229) |
hsl(186,76%,57%) |
#3C63E5 |
rgb(60,99,229) |
hsl(226,76%,57%) |
#853DE5 |
rgb(133,61,229) |
hsl(266,76%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DA3EF |
rgb(141,163,239) |
hsl(227,75%,75%) |
#6485EA |
rgb(100,133,234) |
hsl(225,76%,65%) |
#3C63E5 |
rgb(60,99,229) |
hsl(226,76%,57%) |
#1C47D6 |
rgb(28,71,214) |
hsl(226,77%,47%) |
#173BAD |
rgb(23,59,173) |
hsl(226,77%,38%) |
#112B84 |
rgb(17,43,132) |
hsl(226,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C63E5 |
rgb(60,99,229) |
hsl(226,76%,57%) |
#E5693C |
rgb(229,105,60) |
hsl(16,76%,57%) |
#B7E63C |
rgb(183,230,60) |
hsl(77,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C63E5 |
rgb(60,99,229) |
hsl(226,76%,57%) |
#E5BF3C |
rgb(229,191,60) |
hsl(47,76%,57%) |
#3CB8E5 |
rgb(60,184,229) |
hsl(196,76%,57%) |
#B7E63C |
rgb(183,230,60) |
hsl(77,77%,57%) |