HEX #3C7AE2 color — Royal Blue
The color #3C7AE2 is a dark shade and moderately saturated.
Palette
3C7AE2 color palette from light to dark
HEX |
RGB |
HSL |
#edf3fc |
rgb(237,243,252) |
hsl(218,74%,96%) |
#d7e4f9 |
rgb(215,228,249) |
hsl(218,74%,91%) |
#c1d4f6 |
rgb(193,212,246) |
hsl(218,74%,86%) |
#abc5f2 |
rgb(171,197,242) |
hsl(218,74%,81%) |
#95b6ef |
rgb(149,182,239) |
hsl(218,74%,76%) |
#7ea6ec |
rgb(126,166,236) |
hsl(218,74%,71%) |
#6897e8 |
rgb(104,151,232) |
hsl(218,74%,66%) |
#5288e5 |
rgb(82,136,229) |
hsl(218,74%,61%) |
#3c79e2 |
rgb(60,121,226) |
hsl(218,74%,56%) |
#2669df |
rgb(38,105,223) |
hsl(218,74%,51%) |
#1e5ecc |
rgb(30,94,204) |
hsl(218,74%,46%) |
#1b54b6 |
rgb(27,84,182) |
hsl(218,74%,41%) |
#184aa0 |
rgb(24,74,160) |
hsl(218,74%,36%) |
#153f8a |
rgb(21,63,138) |
hsl(218,74%,31%) |
#113573 |
rgb(17,53,115) |
hsl(218,74%,26%) |
#0e2b5d |
rgb(14,43,93) |
hsl(218,74%,21%) |
#0b2147 |
rgb(11,33,71) |
hsl(218,74%,16%) |
#071731 |
rgb(7,23,49) |
hsl(218,74%,11%) |
#040c1b |
rgb(4,12,27) |
hsl(218,74%,6%) |
#010204 |
rgb(1,2,4) |
hsl(218,74%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CE3DB |
rgb(60,227,219) |
hsl(177,75%,56%) |
#3C7AE2 |
rgb(60,122,226) |
hsl(218,74%,56%) |
#6C3DE2 |
rgb(108,61,226) |
hsl(257,74%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BB0ED |
rgb(139,176,237) |
hsl(217,73%,74%) |
#6394E7 |
rgb(99,148,231) |
hsl(218,73%,65%) |
#3C7AE2 |
rgb(60,122,226) |
hsl(218,74%,56%) |
#1F61D1 |
rgb(31,97,209) |
hsl(218,74%,47%) |
#194FA9 |
rgb(25,79,169) |
hsl(218,74%,38%) |
#133D81 |
rgb(19,61,129) |
hsl(217,74%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C7AE2 |
rgb(60,122,226) |
hsl(218,74%,56%) |
#E2523C |
rgb(226,82,60) |
hsl(8,74%,56%) |
#CDE33C |
rgb(205,227,60) |
hsl(68,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C7AE2 |
rgb(60,122,226) |
hsl(218,74%,56%) |
#E2A33C |
rgb(226,163,60) |
hsl(37,74%,56%) |
#3CCCE2 |
rgb(60,204,226) |
hsl(188,74%,56%) |
#CDE33C |
rgb(205,227,60) |
hsl(68,75%,56%) |