HEX #3C5ED9 color — Royal Blue
The color #3C5ED9 is a dark shade and moderately saturated.
Palette
3C5ED9 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(227,67%,99%) |
#e5eafa |
rgb(229,234,250) |
hsl(227,67%,94%) |
#d0d8f6 |
rgb(208,216,246) |
hsl(227,67%,89%) |
#bbc7f2 |
rgb(187,199,242) |
hsl(227,67%,84%) |
#a6b5ed |
rgb(166,181,237) |
hsl(227,67%,79%) |
#90a4e9 |
rgb(144,164,233) |
hsl(227,67%,74%) |
#7b92e5 |
rgb(123,146,229) |
hsl(227,67%,69%) |
#6680e1 |
rgb(102,128,225) |
hsl(227,67%,64%) |
#506fdc |
rgb(80,111,220) |
hsl(227,67%,59%) |
#3b5dd8 |
rgb(59,93,216) |
hsl(227,67%,54%) |
#294ed1 |
rgb(41,78,209) |
hsl(227,67%,49%) |
#2546bb |
rgb(37,70,187) |
hsl(227,67%,44%) |
#213ea6 |
rgb(33,62,166) |
hsl(227,67%,39%) |
#1d3691 |
rgb(29,54,145) |
hsl(227,67%,34%) |
#182e7b |
rgb(24,46,123) |
hsl(227,67%,29%) |
#142666 |
rgb(20,38,102) |
hsl(227,67%,24%) |
#101e51 |
rgb(16,30,81) |
hsl(227,67%,19%) |
#0c163c |
rgb(12,22,60) |
hsl(227,67%,14%) |
#080e26 |
rgb(8,14,38) |
hsl(227,67%,9%) |
#030611 |
rgb(3,6,17) |
hsl(227,67%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CC7D9 |
rgb(60,199,217) |
hsl(187,67%,54%) |
#3C5ED9 |
rgb(60,94,217) |
hsl(227,67%,54%) |
#823DD9 |
rgb(130,61,217) |
hsl(267,67%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#869CE7 |
rgb(134,156,231) |
hsl(226,67%,72%) |
#617DE0 |
rgb(97,125,224) |
hsl(227,67%,63%) |
#3C5ED9 |
rgb(60,94,217) |
hsl(227,67%,54%) |
#2547C2 |
rgb(37,71,194) |
hsl(227,68%,45%) |
#1E3B9D |
rgb(30,59,157) |
hsl(226,68%,37%) |
#172B78 |
rgb(23,43,120) |
hsl(228,68%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C5ED9 |
rgb(60,94,217) |
hsl(227,67%,54%) |
#D9693C |
rgb(217,105,60) |
hsl(17,67%,54%) |
#ACD93C |
rgb(172,217,60) |
hsl(77,67%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C5ED9 |
rgb(60,94,217) |
hsl(227,67%,54%) |
#D9B83C |
rgb(217,184,60) |
hsl(47,67%,54%) |
#3CADD9 |
rgb(60,173,217) |
hsl(197,67%,54%) |
#ACD93C |
rgb(172,217,60) |
hsl(77,67%,54%) |