Color HEX #3C57C2, RGB(60,87,194)
Color name is Indigo. The color #3c57c2 is a dark shade and moderately saturated.
Palette
3c57c2 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(228,53%,1%) |
| #020308 |
rgb(2,3,8) |
hsl(228,53%,2%) |
| #04050c |
rgb(4,5,12) |
hsl(228,53%,3%) |
| #050710 |
rgb(5,7,16) |
hsl(228,53%,4%) |
| #060914 |
rgb(6,9,20) |
hsl(228,53%,5%) |
| #070a17 |
rgb(7,10,23) |
hsl(228,53%,6%) |
| #080c1b |
rgb(8,12,27) |
hsl(228,53%,7%) |
| #0a0e1f |
rgb(10,14,31) |
hsl(228,53%,8%) |
| #0b1023 |
rgb(11,16,35) |
hsl(228,53%,9%) |
| #0c1127 |
rgb(12,17,39) |
hsl(228,53%,10%) |
| #0d132b |
rgb(13,19,43) |
hsl(228,53%,11%) |
| #0e152f |
rgb(14,21,47) |
hsl(228,53%,12%) |
| #101733 |
rgb(16,23,51) |
hsl(228,53%,13%) |
| #111837 |
rgb(17,24,55) |
hsl(228,53%,14%) |
| #121a3b |
rgb(18,26,59) |
hsl(228,53%,15%) |
| #131c3e |
rgb(19,28,62) |
hsl(228,53%,16%) |
| #141e42 |
rgb(20,30,66) |
hsl(228,53%,17%) |
| #161f46 |
rgb(22,31,70) |
hsl(228,53%,18%) |
| #17214a |
rgb(23,33,74) |
hsl(228,53%,19%) |
| #18234e |
rgb(24,35,78) |
hsl(228,53%,20%) |
| #192552 |
rgb(25,37,82) |
hsl(228,53%,21%) |
| #1a2656 |
rgb(26,38,86) |
hsl(228,53%,22%) |
| #1c285a |
rgb(28,40,90) |
hsl(228,53%,23%) |
| #1d2a5e |
rgb(29,42,94) |
hsl(228,53%,24%) |
| #1e2b62 |
rgb(30,43,98) |
hsl(228,53%,25%) |
| #1f2d65 |
rgb(31,45,101) |
hsl(228,53%,26%) |
| #202f69 |
rgb(32,47,105) |
hsl(228,53%,27%) |
| #22316d |
rgb(34,49,109) |
hsl(228,53%,28%) |
| #233271 |
rgb(35,50,113) |
hsl(228,53%,29%) |
| #243475 |
rgb(36,52,117) |
hsl(228,53%,30%) |
| #253679 |
rgb(37,54,121) |
hsl(228,53%,31%) |
| #26387d |
rgb(38,56,125) |
hsl(228,53%,32%) |
| #283981 |
rgb(40,57,129) |
hsl(228,53%,33%) |
| #293b85 |
rgb(41,59,133) |
hsl(228,53%,34%) |
| #2a3d89 |
rgb(42,61,137) |
hsl(228,53%,35%) |
| #2b3f8c |
rgb(43,63,140) |
hsl(228,53%,36%) |
| #2c4090 |
rgb(44,64,144) |
hsl(228,53%,37%) |
| #2e4294 |
rgb(46,66,148) |
hsl(228,53%,38%) |
| #2f4498 |
rgb(47,68,152) |
hsl(228,53%,39%) |
| #30469c |
rgb(48,70,156) |
hsl(228,53%,40%) |
| #3147a0 |
rgb(49,71,160) |
hsl(228,53%,41%) |
| #3249a4 |
rgb(50,73,164) |
hsl(228,53%,42%) |
| #344ba8 |
rgb(52,75,168) |
hsl(228,53%,43%) |
| #354dac |
rgb(53,77,172) |
hsl(228,53%,44%) |
| #364eb0 |
rgb(54,78,176) |
hsl(228,53%,45%) |
| #3750b3 |
rgb(55,80,179) |
hsl(228,53%,46%) |
| #3852b7 |
rgb(56,82,183) |
hsl(228,53%,47%) |
| #3a53bb |
rgb(58,83,187) |
hsl(228,53%,48%) |
| #3b55bf |
rgb(59,85,191) |
hsl(228,53%,49%) |
| #3c57c3 |
rgb(60,87,195) |
hsl(228,53%,50%) |
| #405ac4 |
rgb(64,90,196) |
hsl(228,53%,51%) |
| #445ec5 |
rgb(68,94,197) |
hsl(228,53%,52%) |
| #4861c7 |
rgb(72,97,199) |
hsl(228,53%,53%) |
| #4c64c8 |
rgb(76,100,200) |
hsl(228,53%,54%) |
| #4f68c9 |
rgb(79,104,201) |
hsl(228,53%,55%) |
| #536bca |
rgb(83,107,202) |
hsl(228,53%,56%) |
| #576ecb |
rgb(87,110,203) |
hsl(228,53%,57%) |
| #5b72cd |
rgb(91,114,205) |
hsl(228,53%,58%) |
| #5f75ce |
rgb(95,117,206) |
hsl(228,53%,59%) |
| #6379cf |
rgb(99,121,207) |
hsl(228,53%,60%) |
| #677cd0 |
rgb(103,124,208) |
hsl(228,53%,61%) |
| #6b7fd1 |
rgb(107,127,209) |
hsl(228,53%,62%) |
| #6f83d3 |
rgb(111,131,211) |
hsl(228,53%,63%) |
| #7386d4 |
rgb(115,134,212) |
hsl(228,53%,64%) |
| #7689d5 |
rgb(118,137,213) |
hsl(228,53%,65%) |
| #7a8dd6 |
rgb(122,141,214) |
hsl(228,53%,66%) |
| #7e90d7 |
rgb(126,144,215) |
hsl(228,53%,67%) |
| #8293d9 |
rgb(130,147,217) |
hsl(228,53%,68%) |
| #8697da |
rgb(134,151,218) |
hsl(228,53%,69%) |
| #8a9adb |
rgb(138,154,219) |
hsl(228,53%,70%) |
| #8e9edc |
rgb(142,158,220) |
hsl(228,53%,71%) |
| #92a1dd |
rgb(146,161,221) |
hsl(228,53%,72%) |
| #96a4df |
rgb(150,164,223) |
hsl(228,53%,73%) |
| #9aa8e0 |
rgb(154,168,224) |
hsl(228,53%,74%) |
| #9dabe1 |
rgb(157,171,225) |
hsl(228,53%,75%) |
| #a1aee2 |
rgb(161,174,226) |
hsl(228,53%,76%) |
| #a5b2e3 |
rgb(165,178,227) |
hsl(228,53%,77%) |
| #a9b5e5 |
rgb(169,181,229) |
hsl(228,53%,78%) |
| #adb8e6 |
rgb(173,184,230) |
hsl(228,53%,79%) |
| #b1bce7 |
rgb(177,188,231) |
hsl(228,53%,80%) |
| #b5bfe8 |
rgb(181,191,232) |
hsl(228,53%,81%) |
| #b9c3e9 |
rgb(185,195,233) |
hsl(228,53%,82%) |
| #bdc6eb |
rgb(189,198,235) |
hsl(228,53%,83%) |
| #c1c9ec |
rgb(193,201,236) |
hsl(228,53%,84%) |
| #c4cded |
rgb(196,205,237) |
hsl(228,53%,85%) |
| #c8d0ee |
rgb(200,208,238) |
hsl(228,53%,86%) |
| #ccd3ef |
rgb(204,211,239) |
hsl(228,53%,87%) |
| #d0d7f1 |
rgb(208,215,241) |
hsl(228,53%,88%) |
| #d4daf2 |
rgb(212,218,242) |
hsl(228,53%,89%) |
| #d8ddf3 |
rgb(216,221,243) |
hsl(228,53%,90%) |
| #dce1f4 |
rgb(220,225,244) |
hsl(228,53%,91%) |
| #e0e4f5 |
rgb(224,228,245) |
hsl(228,53%,92%) |
| #e4e7f7 |
rgb(228,231,247) |
hsl(228,53%,93%) |
| #e8ebf8 |
rgb(232,235,248) |
hsl(228,53%,94%) |
| #ebeef9 |
rgb(235,238,249) |
hsl(228,53%,95%) |
| #eff2fa |
rgb(239,242,250) |
hsl(228,53%,96%) |
| #f3f5fb |
rgb(243,245,251) |
hsl(228,53%,97%) |
| #f7f8fd |
rgb(247,248,253) |
hsl(228,53%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(228,53%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3cb0c2 |
rgb(60,176,194) |
hsl(188,53%,50%) |
| #3c57c2 |
rgb(60,87,194) |
hsl(228,53%,50%) |
| #7a3dc2 |
rgb(122,61,194) |
hsl(268,52%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #798cd5 |
rgb(121,140,213) |
hsl(228,52%,65%) |
| #5a70cc |
rgb(90,112,204) |
hsl(228,53%,58%) |
| #3c57c2 |
rgb(60,87,194) |
hsl(228,53%,50%) |
| #324aa2 |
rgb(50,74,162) |
hsl(227,53%,42%) |
| #283b83 |
rgb(40,59,131) |
hsl(227,53%,34%) |
| #1f2e64 |
rgb(31,46,100) |
hsl(227,53%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3c57c2 |
rgb(60,87,194) |
hsl(228,53%,50%) |
| #c2633c |
rgb(194,99,60) |
hsl(17,53%,50%) |
| #9ac23c |
rgb(154,194,60) |
hsl(78,53%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3c57c2 |
rgb(60,87,194) |
hsl(228,53%,50%) |
| #c2a63c |
rgb(194,166,60) |
hsl(47,53%,50%) |
| #3c99c2 |
rgb(60,153,194) |
hsl(198,53%,50%) |
| #9ac23c |
rgb(154,194,60) |
hsl(78,53%,50%) |
