Color HEX #3C64C3, RGB(60,100,195)
Color name is Indigo. The color #3c64c3 is a dark shade and moderately saturated.
Your selected color codes
Palette
3c64c3 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(222,53%,1%) |
| #020408 |
rgb(2,4,8) |
hsl(222,53%,2%) |
| #04060c |
rgb(4,6,12) |
hsl(222,53%,3%) |
| #050810 |
rgb(5,8,16) |
hsl(222,53%,4%) |
| #060a14 |
rgb(6,10,20) |
hsl(222,53%,5%) |
| #070c17 |
rgb(7,12,23) |
hsl(222,53%,6%) |
| #080e1b |
rgb(8,14,27) |
hsl(222,53%,7%) |
| #0a101f |
rgb(10,16,31) |
hsl(222,53%,8%) |
| #0b1223 |
rgb(11,18,35) |
hsl(222,53%,9%) |
| #0c1427 |
rgb(12,20,39) |
hsl(222,53%,10%) |
| #0d162b |
rgb(13,22,43) |
hsl(222,53%,11%) |
| #0e182f |
rgb(14,24,47) |
hsl(222,53%,12%) |
| #101a33 |
rgb(16,26,51) |
hsl(222,53%,13%) |
| #111c37 |
rgb(17,28,55) |
hsl(222,53%,14%) |
| #121e3b |
rgb(18,30,59) |
hsl(222,53%,15%) |
| #13203e |
rgb(19,32,62) |
hsl(222,53%,16%) |
| #142242 |
rgb(20,34,66) |
hsl(222,53%,17%) |
| #162446 |
rgb(22,36,70) |
hsl(222,53%,18%) |
| #17264a |
rgb(23,38,74) |
hsl(222,53%,19%) |
| #18284e |
rgb(24,40,78) |
hsl(222,53%,20%) |
| #192a52 |
rgb(25,42,82) |
hsl(222,53%,21%) |
| #1a2c56 |
rgb(26,44,86) |
hsl(222,53%,22%) |
| #1c2e5a |
rgb(28,46,90) |
hsl(222,53%,23%) |
| #1d305e |
rgb(29,48,94) |
hsl(222,53%,24%) |
| #1e3262 |
rgb(30,50,98) |
hsl(222,53%,25%) |
| #1f3465 |
rgb(31,52,101) |
hsl(222,53%,26%) |
| #203669 |
rgb(32,54,105) |
hsl(222,53%,27%) |
| #22386d |
rgb(34,56,109) |
hsl(222,53%,28%) |
| #233a71 |
rgb(35,58,113) |
hsl(222,53%,29%) |
| #243c75 |
rgb(36,60,117) |
hsl(222,53%,30%) |
| #253e79 |
rgb(37,62,121) |
hsl(222,53%,31%) |
| #26407d |
rgb(38,64,125) |
hsl(222,53%,32%) |
| #284281 |
rgb(40,66,129) |
hsl(222,53%,33%) |
| #294485 |
rgb(41,68,133) |
hsl(222,53%,34%) |
| #2a4689 |
rgb(42,70,137) |
hsl(222,53%,35%) |
| #2b488c |
rgb(43,72,140) |
hsl(222,53%,36%) |
| #2c4a90 |
rgb(44,74,144) |
hsl(222,53%,37%) |
| #2e4c94 |
rgb(46,76,148) |
hsl(222,53%,38%) |
| #2f4e98 |
rgb(47,78,152) |
hsl(222,53%,39%) |
| #30509c |
rgb(48,80,156) |
hsl(222,53%,40%) |
| #3152a0 |
rgb(49,82,160) |
hsl(222,53%,41%) |
| #3254a4 |
rgb(50,84,164) |
hsl(222,53%,42%) |
| #3456a8 |
rgb(52,86,168) |
hsl(222,53%,43%) |
| #3558ac |
rgb(53,88,172) |
hsl(222,53%,44%) |
| #365ab0 |
rgb(54,90,176) |
hsl(222,53%,45%) |
| #375cb3 |
rgb(55,92,179) |
hsl(222,53%,46%) |
| #385eb7 |
rgb(56,94,183) |
hsl(222,53%,47%) |
| #3a60bb |
rgb(58,96,187) |
hsl(222,53%,48%) |
| #3b62bf |
rgb(59,98,191) |
hsl(222,53%,49%) |
| #3c64c3 |
rgb(60,100,195) |
hsl(222,53%,50%) |
| #4068c4 |
rgb(64,104,196) |
hsl(222,53%,51%) |
| #446bc5 |
rgb(68,107,197) |
hsl(222,53%,52%) |
| #486ec7 |
rgb(72,110,199) |
hsl(222,53%,53%) |
| #4c71c8 |
rgb(76,113,200) |
hsl(222,53%,54%) |
| #4f74c9 |
rgb(79,116,201) |
hsl(222,53%,55%) |
| #5377ca |
rgb(83,119,202) |
hsl(222,53%,56%) |
| #577acb |
rgb(87,122,203) |
hsl(222,53%,57%) |
| #5b7dcd |
rgb(91,125,205) |
hsl(222,53%,58%) |
| #5f80ce |
rgb(95,128,206) |
hsl(222,53%,59%) |
| #6383cf |
rgb(99,131,207) |
hsl(222,53%,60%) |
| #6786d0 |
rgb(103,134,208) |
hsl(222,53%,61%) |
| #6b8ad1 |
rgb(107,138,209) |
hsl(222,53%,62%) |
| #6f8dd3 |
rgb(111,141,211) |
hsl(222,53%,63%) |
| #7390d4 |
rgb(115,144,212) |
hsl(222,53%,64%) |
| #7693d5 |
rgb(118,147,213) |
hsl(222,53%,65%) |
| #7a96d6 |
rgb(122,150,214) |
hsl(222,53%,66%) |
| #7e99d7 |
rgb(126,153,215) |
hsl(222,53%,67%) |
| #829cd9 |
rgb(130,156,217) |
hsl(222,53%,68%) |
| #869fda |
rgb(134,159,218) |
hsl(222,53%,69%) |
| #8aa2db |
rgb(138,162,219) |
hsl(222,53%,70%) |
| #8ea5dc |
rgb(142,165,220) |
hsl(222,53%,71%) |
| #92a8dd |
rgb(146,168,221) |
hsl(222,53%,72%) |
| #96acdf |
rgb(150,172,223) |
hsl(222,53%,73%) |
| #9aafe0 |
rgb(154,175,224) |
hsl(222,53%,74%) |
| #9db2e1 |
rgb(157,178,225) |
hsl(222,53%,75%) |
| #a1b5e2 |
rgb(161,181,226) |
hsl(222,53%,76%) |
| #a5b8e3 |
rgb(165,184,227) |
hsl(222,53%,77%) |
| #a9bbe5 |
rgb(169,187,229) |
hsl(222,53%,78%) |
| #adbee6 |
rgb(173,190,230) |
hsl(222,53%,79%) |
| #b1c1e7 |
rgb(177,193,231) |
hsl(222,53%,80%) |
| #b5c4e8 |
rgb(181,196,232) |
hsl(222,53%,81%) |
| #b9c7e9 |
rgb(185,199,233) |
hsl(222,53%,82%) |
| #bdcaeb |
rgb(189,202,235) |
hsl(222,53%,83%) |
| #c1ceec |
rgb(193,206,236) |
hsl(222,53%,84%) |
| #c4d1ed |
rgb(196,209,237) |
hsl(222,53%,85%) |
| #c8d4ee |
rgb(200,212,238) |
hsl(222,53%,86%) |
| #ccd7ef |
rgb(204,215,239) |
hsl(222,53%,87%) |
| #d0daf1 |
rgb(208,218,241) |
hsl(222,53%,88%) |
| #d4ddf2 |
rgb(212,221,242) |
hsl(222,53%,89%) |
| #d8e0f3 |
rgb(216,224,243) |
hsl(222,53%,90%) |
| #dce3f4 |
rgb(220,227,244) |
hsl(222,53%,91%) |
| #e0e6f5 |
rgb(224,230,245) |
hsl(222,53%,92%) |
| #e4e9f7 |
rgb(228,233,247) |
hsl(222,53%,93%) |
| #e8ecf8 |
rgb(232,236,248) |
hsl(222,53%,94%) |
| #ebf0f9 |
rgb(235,240,249) |
hsl(222,53%,95%) |
| #eff3fa |
rgb(239,243,250) |
hsl(222,53%,96%) |
| #f3f6fb |
rgb(243,246,251) |
hsl(222,53%,97%) |
| #f7f9fd |
rgb(247,249,253) |
hsl(222,53%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(222,53%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3cbfc3 |
rgb(60,191,195) |
hsl(182,53%,50%) |
| #3c64c3 |
rgb(60,100,195) |
hsl(222,53%,50%) |
| #6e3dc3 |
rgb(110,61,195) |
hsl(262,53%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7a96d6 |
rgb(122,150,214) |
hsl(222,53%,66%) |
| #5b7dcc |
rgb(91,125,204) |
hsl(222,53%,58%) |
| #3c64c3 |
rgb(60,100,195) |
hsl(222,53%,50%) |
| #3254a3 |
rgb(50,84,163) |
hsl(222,53%,42%) |
| #284584 |
rgb(40,69,132) |
hsl(221,53%,34%) |
| #1f3365 |
rgb(31,51,101) |
hsl(223,53%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3c64c3 |
rgb(60,100,195) |
hsl(222,53%,50%) |
| #c3573c |
rgb(195,87,60) |
hsl(12,53%,50%) |
| #a7c23c |
rgb(167,194,60) |
hsl(72,53%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3c64c3 |
rgb(60,100,195) |
hsl(222,53%,50%) |
| #c39c3c |
rgb(195,156,60) |
hsl(43,53%,50%) |
| #3ca8c3 |
rgb(60,168,195) |
hsl(192,53%,50%) |
| #a7c23c |
rgb(167,194,60) |
hsl(72,53%,50%) |
