HEX #3C6BEE color — Royal Blue
The color #3C6BEE is a dark shade and moderately saturated.
Palette
3C6BEE color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(224,84%,98%) |
#dee6fc |
rgb(222,230,252) |
hsl(224,84%,93%) |
#c7d4fa |
rgb(199,212,250) |
hsl(224,84%,88%) |
#afc3f8 |
rgb(175,195,248) |
hsl(224,84%,83%) |
#98b1f6 |
rgb(152,177,246) |
hsl(224,84%,78%) |
#809ff4 |
rgb(128,159,244) |
hsl(224,84%,73%) |
#698df2 |
rgb(105,141,242) |
hsl(224,84%,68%) |
#517cf0 |
rgb(81,124,240) |
hsl(224,84%,63%) |
#3a6aee |
rgb(58,106,238) |
hsl(224,84%,58%) |
#2258ec |
rgb(34,88,236) |
hsl(224,84%,53%) |
#144ae1 |
rgb(20,74,225) |
hsl(224,84%,48%) |
#1243ca |
rgb(18,67,202) |
hsl(224,84%,43%) |
#103bb2 |
rgb(16,59,178) |
hsl(224,84%,38%) |
#0d339b |
rgb(13,51,155) |
hsl(224,84%,33%) |
#0b2b83 |
rgb(11,43,131) |
hsl(224,84%,28%) |
#09246c |
rgb(9,36,108) |
hsl(224,84%,23%) |
#071c54 |
rgb(7,28,84) |
hsl(224,84%,18%) |
#05143d |
rgb(5,20,61) |
hsl(224,84%,13%) |
#030c26 |
rgb(3,12,38) |
hsl(224,84%,8%) |
#01050e |
rgb(1,5,14) |
hsl(224,84%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CE0EE |
rgb(60,224,238) |
hsl(185,84%,58%) |
#3C6BEE |
rgb(60,107,238) |
hsl(224,84%,58%) |
#833DEE |
rgb(131,61,238) |
hsl(264,84%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#93ADF5 |
rgb(147,173,245) |
hsl(224,83%,77%) |
#678CF1 |
rgb(103,140,241) |
hsl(224,83%,67%) |
#3C6BEE |
rgb(60,107,238) |
hsl(224,84%,58%) |
#144DE6 |
rgb(20,77,230) |
hsl(224,84%,49%) |
#103DBA |
rgb(16,61,186) |
hsl(224,84%,40%) |
#0C2E8E |
rgb(12,46,142) |
hsl(224,84%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C6BEE |
rgb(60,107,238) |
hsl(224,84%,58%) |
#EE663C |
rgb(238,102,60) |
hsl(14,84%,58%) |
#C4ED3C |
rgb(196,237,60) |
hsl(74,83%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C6BEE |
rgb(60,107,238) |
hsl(224,84%,58%) |
#EEBF3C |
rgb(238,191,60) |
hsl(44,84%,58%) |
#3CC4EE |
rgb(60,196,238) |
hsl(194,84%,58%) |
#C4ED3C |
rgb(196,237,60) |
hsl(74,83%,58%) |