HEX #3C7AEF color — Royal Blue
The color #3C7AEF is a dark shade and moderately saturated.
Palette
3C7AEF color palette from light to dark
HEX |
RGB |
HSL |
#fafcff |
rgb(250,252,255) |
hsl(219,85%,99%) |
#e3ecfd |
rgb(227,236,253) |
hsl(219,85%,94%) |
#cbdcfb |
rgb(203,220,251) |
hsl(219,85%,89%) |
#b4ccf9 |
rgb(180,204,249) |
hsl(219,85%,84%) |
#9cbcf7 |
rgb(156,188,247) |
hsl(219,85%,79%) |
#84acf5 |
rgb(132,172,245) |
hsl(219,85%,74%) |
#6d9cf3 |
rgb(109,156,243) |
hsl(219,85%,69%) |
#558cf1 |
rgb(85,140,241) |
hsl(219,85%,64%) |
#3e7cef |
rgb(62,124,239) |
hsl(219,85%,59%) |
#266ced |
rgb(38,108,237) |
hsl(219,85%,54%) |
#135de7 |
rgb(19,93,231) |
hsl(219,85%,49%) |
#1154d0 |
rgb(17,84,208) |
hsl(219,85%,44%) |
#0f4ab8 |
rgb(15,74,184) |
hsl(219,85%,39%) |
#0d41a0 |
rgb(13,65,160) |
hsl(219,85%,34%) |
#0b3789 |
rgb(11,55,137) |
hsl(219,85%,29%) |
#092e71 |
rgb(9,46,113) |
hsl(219,85%,24%) |
#07245a |
rgb(7,36,90) |
hsl(219,85%,19%) |
#051b42 |
rgb(5,27,66) |
hsl(219,85%,14%) |
#03112a |
rgb(3,17,42) |
hsl(219,85%,9%) |
#020813 |
rgb(2,8,19) |
hsl(219,85%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CF0EC |
rgb(60,240,236) |
hsl(179,86%,59%) |
#3C7AEF |
rgb(60,122,239) |
hsl(219,85%,59%) |
#753DEF |
rgb(117,61,239) |
hsl(259,85%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#94B5F6 |
rgb(148,181,246) |
hsl(220,84%,77%) |
#6899F2 |
rgb(104,153,242) |
hsl(219,84%,68%) |
#3C7AEF |
rgb(60,122,239) |
hsl(219,85%,59%) |
#135CE8 |
rgb(19,92,232) |
hsl(219,85%,49%) |
#0F4ABB |
rgb(15,74,187) |
hsl(219,85%,40%) |
#0B3B8F |
rgb(11,59,143) |
hsl(218,86%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C7AEF |
rgb(60,122,239) |
hsl(219,85%,59%) |
#EF573C |
rgb(239,87,60) |
hsl(9,85%,59%) |
#D3F03C |
rgb(211,240,60) |
hsl(70,86%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C7AEF |
rgb(60,122,239) |
hsl(219,85%,59%) |
#EFB03C |
rgb(239,176,60) |
hsl(39,85%,59%) |
#3CD4EF |
rgb(60,212,239) |
hsl(189,85%,59%) |
#D3F03C |
rgb(211,240,60) |
hsl(70,86%,59%) |