HEX #3C6BC3 color — Indigo
The color #3c6bc3 is a dark shade and moderately saturated.
Palette
3c6bc3 color palette from light to dark
HEX |
RGB |
HSL |
#ebf0f9 |
rgb(235,240,249) |
hsl(219,53%,95%) |
#d8e1f3 |
rgb(216,225,243) |
hsl(219,53%,90%) |
#c4d3ed |
rgb(196,211,237) |
hsl(219,53%,85%) |
#b1c4e7 |
rgb(177,196,231) |
hsl(219,53%,80%) |
#9db5e1 |
rgb(157,181,225) |
hsl(219,53%,75%) |
#8aa6db |
rgb(138,166,219) |
hsl(219,53%,70%) |
#7698d5 |
rgb(118,152,213) |
hsl(219,53%,65%) |
#6389cf |
rgb(99,137,207) |
hsl(219,53%,60%) |
#4f7ac9 |
rgb(79,122,201) |
hsl(219,53%,55%) |
#3c6bc3 |
rgb(60,107,195) |
hsl(219,53%,50%) |
#3661b0 |
rgb(54,97,176) |
hsl(219,53%,45%) |
#30569c |
rgb(48,86,156) |
hsl(219,53%,40%) |
#2a4b89 |
rgb(42,75,137) |
hsl(219,53%,35%) |
#244075 |
rgb(36,64,117) |
hsl(219,53%,30%) |
#1e3662 |
rgb(30,54,98) |
hsl(219,53%,25%) |
#182b4e |
rgb(24,43,78) |
hsl(219,53%,20%) |
#12203b |
rgb(18,32,59) |
hsl(219,53%,15%) |
#0c1527 |
rgb(12,21,39) |
hsl(219,53%,10%) |
#060b14 |
rgb(6,11,20) |
hsl(219,53%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CC2C1 |
rgb(60,194,193) |
hsl(180,53%,50%) |
#3C6BC3 |
rgb(60,107,195) |
hsl(219,53%,50%) |
#673DC3 |
rgb(103,61,195) |
hsl(259,53%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A9CD6 |
rgb(122,156,214) |
hsl(218,53%,66%) |
#5B82CC |
rgb(91,130,204) |
hsl(219,53%,58%) |
#3C6BC3 |
rgb(60,107,195) |
hsl(219,53%,50%) |
#3259A3 |
rgb(50,89,163) |
hsl(219,53%,42%) |
#284A84 |
rgb(40,74,132) |
hsl(218,53%,34%) |
#1F3865 |
rgb(31,56,101) |
hsl(219,53%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C6BC3 |
rgb(60,107,195) |
hsl(219,53%,50%) |
#C3523C |
rgb(195,82,60) |
hsl(10,53%,50%) |
#AEC23C |
rgb(174,194,60) |
hsl(69,53%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C6BC3 |
rgb(60,107,195) |
hsl(219,53%,50%) |
#C3943C |
rgb(195,148,60) |
hsl(39,53%,50%) |
#3CADC3 |
rgb(60,173,195) |
hsl(190,53%,50%) |
#AEC23C |
rgb(174,194,60) |
hsl(69,53%,50%) |