HEX #3C5BC3 color — Indigo
The color #3c5bc3 is a dark shade and moderately saturated.
Palette
3c5bc3 color palette from light to dark
HEX |
RGB |
HSL |
#ebeff9 |
rgb(235,239,249) |
hsl(226,53%,95%) |
#d8def3 |
rgb(216,222,243) |
hsl(226,53%,90%) |
#c4ceed |
rgb(196,206,237) |
hsl(226,53%,85%) |
#b1bee7 |
rgb(177,190,231) |
hsl(226,53%,80%) |
#9dade1 |
rgb(157,173,225) |
hsl(226,53%,75%) |
#8a9ddb |
rgb(138,157,219) |
hsl(226,53%,70%) |
#768dd5 |
rgb(118,141,213) |
hsl(226,53%,65%) |
#637ccf |
rgb(99,124,207) |
hsl(226,53%,60%) |
#4f6cc9 |
rgb(79,108,201) |
hsl(226,53%,55%) |
#3c5bc3 |
rgb(60,91,195) |
hsl(226,53%,50%) |
#3652b0 |
rgb(54,82,176) |
hsl(226,53%,45%) |
#30499c |
rgb(48,73,156) |
hsl(226,53%,40%) |
#2a4089 |
rgb(42,64,137) |
hsl(226,53%,35%) |
#243775 |
rgb(36,55,117) |
hsl(226,53%,30%) |
#1e2e62 |
rgb(30,46,98) |
hsl(226,53%,25%) |
#18254e |
rgb(24,37,78) |
hsl(226,53%,20%) |
#121b3b |
rgb(18,27,59) |
hsl(226,53%,15%) |
#0c1227 |
rgb(12,18,39) |
hsl(226,53%,10%) |
#060914 |
rgb(6,9,20) |
hsl(226,53%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CB5C3 |
rgb(60,181,195) |
hsl(186,53%,50%) |
#3C5BC3 |
rgb(60,91,195) |
hsl(226,53%,50%) |
#773DC3 |
rgb(119,61,195) |
hsl(266,53%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A8FD6 |
rgb(122,143,214) |
hsl(226,53%,66%) |
#5B75CC |
rgb(91,117,204) |
hsl(226,53%,58%) |
#3C5BC3 |
rgb(60,91,195) |
hsl(226,53%,50%) |
#324DA3 |
rgb(50,77,163) |
hsl(226,53%,42%) |
#283D84 |
rgb(40,61,132) |
hsl(226,53%,34%) |
#1F3065 |
rgb(31,48,101) |
hsl(225,53%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C5BC3 |
rgb(60,91,195) |
hsl(226,53%,50%) |
#C3613C |
rgb(195,97,60) |
hsl(16,53%,50%) |
#9EC23C |
rgb(158,194,60) |
hsl(76,53%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C5BC3 |
rgb(60,91,195) |
hsl(226,53%,50%) |
#C3A33C |
rgb(195,163,60) |
hsl(46,53%,50%) |
#3C9EC3 |
rgb(60,158,195) |
hsl(196,53%,50%) |
#9EC23C |
rgb(158,194,60) |
hsl(76,53%,50%) |