HEX #3C6ED9 color — Royal Blue
The color #3C6ED9 is a dark shade and moderately saturated.
Palette
3C6ED9 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(221,67%,99%) |
#e5ecfa |
rgb(229,236,250) |
hsl(221,67%,94%) |
#d0dcf6 |
rgb(208,220,246) |
hsl(221,67%,89%) |
#bbccf2 |
rgb(187,204,242) |
hsl(221,67%,84%) |
#a6bced |
rgb(166,188,237) |
hsl(221,67%,79%) |
#90ace9 |
rgb(144,172,233) |
hsl(221,67%,74%) |
#7b9de5 |
rgb(123,157,229) |
hsl(221,67%,69%) |
#668de1 |
rgb(102,141,225) |
hsl(221,67%,64%) |
#507ddc |
rgb(80,125,220) |
hsl(221,67%,59%) |
#3b6dd8 |
rgb(59,109,216) |
hsl(221,67%,54%) |
#295ed1 |
rgb(41,94,209) |
hsl(221,67%,49%) |
#2555bb |
rgb(37,85,187) |
hsl(221,67%,44%) |
#214ba6 |
rgb(33,75,166) |
hsl(221,67%,39%) |
#1d4191 |
rgb(29,65,145) |
hsl(221,67%,34%) |
#18387b |
rgb(24,56,123) |
hsl(221,67%,29%) |
#142e66 |
rgb(20,46,102) |
hsl(221,67%,24%) |
#102551 |
rgb(16,37,81) |
hsl(221,67%,19%) |
#0c1b3c |
rgb(12,27,60) |
hsl(221,67%,14%) |
#081126 |
rgb(8,17,38) |
hsl(221,67%,9%) |
#030811 |
rgb(3,8,17) |
hsl(221,67%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CD6D9 |
rgb(60,214,217) |
hsl(181,67%,54%) |
#3C6ED9 |
rgb(60,110,217) |
hsl(221,67%,54%) |
#723DD9 |
rgb(114,61,217) |
hsl(260,67%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86A6E7 |
rgb(134,166,231) |
hsl(220,67%,72%) |
#618AE0 |
rgb(97,138,224) |
hsl(221,67%,63%) |
#3C6ED9 |
rgb(60,110,217) |
hsl(221,67%,54%) |
#2557C2 |
rgb(37,87,194) |
hsl(221,68%,45%) |
#1E479D |
rgb(30,71,157) |
hsl(221,68%,37%) |
#173678 |
rgb(23,54,120) |
hsl(221,68%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C6ED9 |
rgb(60,110,217) |
hsl(221,67%,54%) |
#D9593C |
rgb(217,89,60) |
hsl(11,67%,54%) |
#BCD93C |
rgb(188,217,60) |
hsl(71,67%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C6ED9 |
rgb(60,110,217) |
hsl(221,67%,54%) |
#D9A63C |
rgb(217,166,60) |
hsl(41,67%,54%) |
#3CBDD9 |
rgb(60,189,217) |
hsl(191,67%,54%) |
#BCD93C |
rgb(188,217,60) |
hsl(71,67%,54%) |