Color HEX #3C60C3, RGB(60,96,195)
Color name is Indigo. The color #3c60c3 is a dark shade and moderately saturated.
Your selected color codes
Palette
3c60c3 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(224,53%,1%) |
| #020408 |
rgb(2,4,8) |
hsl(224,53%,2%) |
| #04060c |
rgb(4,6,12) |
hsl(224,53%,3%) |
| #050810 |
rgb(5,8,16) |
hsl(224,53%,4%) |
| #060a14 |
rgb(6,10,20) |
hsl(224,53%,5%) |
| #070c17 |
rgb(7,12,23) |
hsl(224,53%,6%) |
| #080d1b |
rgb(8,13,27) |
hsl(224,53%,7%) |
| #0a0f1f |
rgb(10,15,31) |
hsl(224,53%,8%) |
| #0b1123 |
rgb(11,17,35) |
hsl(224,53%,9%) |
| #0c1327 |
rgb(12,19,39) |
hsl(224,53%,10%) |
| #0d152b |
rgb(13,21,43) |
hsl(224,53%,11%) |
| #0e172f |
rgb(14,23,47) |
hsl(224,53%,12%) |
| #101933 |
rgb(16,25,51) |
hsl(224,53%,13%) |
| #111b37 |
rgb(17,27,55) |
hsl(224,53%,14%) |
| #121d3b |
rgb(18,29,59) |
hsl(224,53%,15%) |
| #131f3e |
rgb(19,31,62) |
hsl(224,53%,16%) |
| #142142 |
rgb(20,33,66) |
hsl(224,53%,17%) |
| #162346 |
rgb(22,35,70) |
hsl(224,53%,18%) |
| #17244a |
rgb(23,36,74) |
hsl(224,53%,19%) |
| #18264e |
rgb(24,38,78) |
hsl(224,53%,20%) |
| #192852 |
rgb(25,40,82) |
hsl(224,53%,21%) |
| #1a2a56 |
rgb(26,42,86) |
hsl(224,53%,22%) |
| #1c2c5a |
rgb(28,44,90) |
hsl(224,53%,23%) |
| #1d2e5e |
rgb(29,46,94) |
hsl(224,53%,24%) |
| #1e3062 |
rgb(30,48,98) |
hsl(224,53%,25%) |
| #1f3265 |
rgb(31,50,101) |
hsl(224,53%,26%) |
| #203469 |
rgb(32,52,105) |
hsl(224,53%,27%) |
| #22366d |
rgb(34,54,109) |
hsl(224,53%,28%) |
| #233871 |
rgb(35,56,113) |
hsl(224,53%,29%) |
| #243a75 |
rgb(36,58,117) |
hsl(224,53%,30%) |
| #253b79 |
rgb(37,59,121) |
hsl(224,53%,31%) |
| #263d7d |
rgb(38,61,125) |
hsl(224,53%,32%) |
| #283f81 |
rgb(40,63,129) |
hsl(224,53%,33%) |
| #294185 |
rgb(41,65,133) |
hsl(224,53%,34%) |
| #2a4389 |
rgb(42,67,137) |
hsl(224,53%,35%) |
| #2b458c |
rgb(43,69,140) |
hsl(224,53%,36%) |
| #2c4790 |
rgb(44,71,144) |
hsl(224,53%,37%) |
| #2e4994 |
rgb(46,73,148) |
hsl(224,53%,38%) |
| #2f4b98 |
rgb(47,75,152) |
hsl(224,53%,39%) |
| #304d9c |
rgb(48,77,156) |
hsl(224,53%,40%) |
| #314fa0 |
rgb(49,79,160) |
hsl(224,53%,41%) |
| #3251a4 |
rgb(50,81,164) |
hsl(224,53%,42%) |
| #3453a8 |
rgb(52,83,168) |
hsl(224,53%,43%) |
| #3554ac |
rgb(53,84,172) |
hsl(224,53%,44%) |
| #3656b0 |
rgb(54,86,176) |
hsl(224,53%,45%) |
| #3758b3 |
rgb(55,88,179) |
hsl(224,53%,46%) |
| #385ab7 |
rgb(56,90,183) |
hsl(224,53%,47%) |
| #3a5cbb |
rgb(58,92,187) |
hsl(224,53%,48%) |
| #3b5ebf |
rgb(59,94,191) |
hsl(224,53%,49%) |
| #3c60c3 |
rgb(60,96,195) |
hsl(224,53%,50%) |
| #4063c4 |
rgb(64,99,196) |
hsl(224,53%,51%) |
| #4466c5 |
rgb(68,102,197) |
hsl(224,53%,52%) |
| #486ac7 |
rgb(72,106,199) |
hsl(224,53%,53%) |
| #4c6dc8 |
rgb(76,109,200) |
hsl(224,53%,54%) |
| #4f70c9 |
rgb(79,112,201) |
hsl(224,53%,55%) |
| #5373ca |
rgb(83,115,202) |
hsl(224,53%,56%) |
| #5776cb |
rgb(87,118,203) |
hsl(224,53%,57%) |
| #5b79cd |
rgb(91,121,205) |
hsl(224,53%,58%) |
| #5f7dce |
rgb(95,125,206) |
hsl(224,53%,59%) |
| #6380cf |
rgb(99,128,207) |
hsl(224,53%,60%) |
| #6783d0 |
rgb(103,131,208) |
hsl(224,53%,61%) |
| #6b86d1 |
rgb(107,134,209) |
hsl(224,53%,62%) |
| #6f89d3 |
rgb(111,137,211) |
hsl(224,53%,63%) |
| #738cd4 |
rgb(115,140,212) |
hsl(224,53%,64%) |
| #7690d5 |
rgb(118,144,213) |
hsl(224,53%,65%) |
| #7a93d6 |
rgb(122,147,214) |
hsl(224,53%,66%) |
| #7e96d7 |
rgb(126,150,215) |
hsl(224,53%,67%) |
| #8299d9 |
rgb(130,153,217) |
hsl(224,53%,68%) |
| #869cda |
rgb(134,156,218) |
hsl(224,53%,69%) |
| #8aa0db |
rgb(138,160,219) |
hsl(224,53%,70%) |
| #8ea3dc |
rgb(142,163,220) |
hsl(224,53%,71%) |
| #92a6dd |
rgb(146,166,221) |
hsl(224,53%,72%) |
| #96a9df |
rgb(150,169,223) |
hsl(224,53%,73%) |
| #9aace0 |
rgb(154,172,224) |
hsl(224,53%,74%) |
| #9dafe1 |
rgb(157,175,225) |
hsl(224,53%,75%) |
| #a1b3e2 |
rgb(161,179,226) |
hsl(224,53%,76%) |
| #a5b6e3 |
rgb(165,182,227) |
hsl(224,53%,77%) |
| #a9b9e5 |
rgb(169,185,229) |
hsl(224,53%,78%) |
| #adbce6 |
rgb(173,188,230) |
hsl(224,53%,79%) |
| #b1bfe7 |
rgb(177,191,231) |
hsl(224,53%,80%) |
| #b5c3e8 |
rgb(181,195,232) |
hsl(224,53%,81%) |
| #b9c6e9 |
rgb(185,198,233) |
hsl(224,53%,82%) |
| #bdc9eb |
rgb(189,201,235) |
hsl(224,53%,83%) |
| #c1ccec |
rgb(193,204,236) |
hsl(224,53%,84%) |
| #c4cfed |
rgb(196,207,237) |
hsl(224,53%,85%) |
| #c8d2ee |
rgb(200,210,238) |
hsl(224,53%,86%) |
| #ccd6ef |
rgb(204,214,239) |
hsl(224,53%,87%) |
| #d0d9f1 |
rgb(208,217,241) |
hsl(224,53%,88%) |
| #d4dcf2 |
rgb(212,220,242) |
hsl(224,53%,89%) |
| #d8dff3 |
rgb(216,223,243) |
hsl(224,53%,90%) |
| #dce2f4 |
rgb(220,226,244) |
hsl(224,53%,91%) |
| #e0e6f5 |
rgb(224,230,245) |
hsl(224,53%,92%) |
| #e4e9f7 |
rgb(228,233,247) |
hsl(224,53%,93%) |
| #e8ecf8 |
rgb(232,236,248) |
hsl(224,53%,94%) |
| #ebeff9 |
rgb(235,239,249) |
hsl(224,53%,95%) |
| #eff2fa |
rgb(239,242,250) |
hsl(224,53%,96%) |
| #f3f5fb |
rgb(243,245,251) |
hsl(224,53%,97%) |
| #f7f9fd |
rgb(247,249,253) |
hsl(224,53%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(224,53%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3cbac3 |
rgb(60,186,195) |
hsl(184,53%,50%) |
| #3c60c3 |
rgb(60,96,195) |
hsl(224,53%,50%) |
| #723dc3 |
rgb(114,61,195) |
hsl(264,53%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7a94d6 |
rgb(122,148,214) |
hsl(223,53%,66%) |
| #5b7acc |
rgb(91,122,204) |
hsl(224,53%,58%) |
| #3c60c3 |
rgb(60,96,195) |
hsl(224,53%,50%) |
| #3252a3 |
rgb(50,82,163) |
hsl(223,53%,42%) |
| #284284 |
rgb(40,66,132) |
hsl(223,53%,34%) |
| #1f3365 |
rgb(31,51,101) |
hsl(223,53%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3c60c3 |
rgb(60,96,195) |
hsl(224,53%,50%) |
| #c35c3c |
rgb(195,92,60) |
hsl(14,53%,50%) |
| #a3c23c |
rgb(163,194,60) |
hsl(74,53%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3c60c3 |
rgb(60,96,195) |
hsl(224,53%,50%) |
| #c39e3c |
rgb(195,158,60) |
hsl(44,53%,50%) |
| #3ca3c3 |
rgb(60,163,195) |
hsl(194,53%,50%) |
| #a3c23c |
rgb(163,194,60) |
hsl(74,53%,50%) |
