Color HEX #3C6BC3, RGB(60,107,195)
Color name is Indigo. The color #3c6bc3 is a dark shade and moderately saturated.
Your selected color codes
Palette
3c6bc3 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(219,53%,1%) |
| #020408 |
rgb(2,4,8) |
hsl(219,53%,2%) |
| #04060c |
rgb(4,6,12) |
hsl(219,53%,3%) |
| #050910 |
rgb(5,9,16) |
hsl(219,53%,4%) |
| #060b14 |
rgb(6,11,20) |
hsl(219,53%,5%) |
| #070d17 |
rgb(7,13,23) |
hsl(219,53%,6%) |
| #080f1b |
rgb(8,15,27) |
hsl(219,53%,7%) |
| #0a111f |
rgb(10,17,31) |
hsl(219,53%,8%) |
| #0b1323 |
rgb(11,19,35) |
hsl(219,53%,9%) |
| #0c1527 |
rgb(12,21,39) |
hsl(219,53%,10%) |
| #0d182b |
rgb(13,24,43) |
hsl(219,53%,11%) |
| #0e1a2f |
rgb(14,26,47) |
hsl(219,53%,12%) |
| #101c33 |
rgb(16,28,51) |
hsl(219,53%,13%) |
| #111e37 |
rgb(17,30,55) |
hsl(219,53%,14%) |
| #12203b |
rgb(18,32,59) |
hsl(219,53%,15%) |
| #13223e |
rgb(19,34,62) |
hsl(219,53%,16%) |
| #142442 |
rgb(20,36,66) |
hsl(219,53%,17%) |
| #162746 |
rgb(22,39,70) |
hsl(219,53%,18%) |
| #17294a |
rgb(23,41,74) |
hsl(219,53%,19%) |
| #182b4e |
rgb(24,43,78) |
hsl(219,53%,20%) |
| #192d52 |
rgb(25,45,82) |
hsl(219,53%,21%) |
| #1a2f56 |
rgb(26,47,86) |
hsl(219,53%,22%) |
| #1c315a |
rgb(28,49,90) |
hsl(219,53%,23%) |
| #1d335e |
rgb(29,51,94) |
hsl(219,53%,24%) |
| #1e3662 |
rgb(30,54,98) |
hsl(219,53%,25%) |
| #1f3865 |
rgb(31,56,101) |
hsl(219,53%,26%) |
| #203a69 |
rgb(32,58,105) |
hsl(219,53%,27%) |
| #223c6d |
rgb(34,60,109) |
hsl(219,53%,28%) |
| #233e71 |
rgb(35,62,113) |
hsl(219,53%,29%) |
| #244075 |
rgb(36,64,117) |
hsl(219,53%,30%) |
| #254279 |
rgb(37,66,121) |
hsl(219,53%,31%) |
| #26457d |
rgb(38,69,125) |
hsl(219,53%,32%) |
| #284781 |
rgb(40,71,129) |
hsl(219,53%,33%) |
| #294985 |
rgb(41,73,133) |
hsl(219,53%,34%) |
| #2a4b89 |
rgb(42,75,137) |
hsl(219,53%,35%) |
| #2b4d8c |
rgb(43,77,140) |
hsl(219,53%,36%) |
| #2c4f90 |
rgb(44,79,144) |
hsl(219,53%,37%) |
| #2e5194 |
rgb(46,81,148) |
hsl(219,53%,38%) |
| #2f5498 |
rgb(47,84,152) |
hsl(219,53%,39%) |
| #30569c |
rgb(48,86,156) |
hsl(219,53%,40%) |
| #3158a0 |
rgb(49,88,160) |
hsl(219,53%,41%) |
| #325aa4 |
rgb(50,90,164) |
hsl(219,53%,42%) |
| #345ca8 |
rgb(52,92,168) |
hsl(219,53%,43%) |
| #355eac |
rgb(53,94,172) |
hsl(219,53%,44%) |
| #3661b0 |
rgb(54,97,176) |
hsl(219,53%,45%) |
| #3763b3 |
rgb(55,99,179) |
hsl(219,53%,46%) |
| #3865b7 |
rgb(56,101,183) |
hsl(219,53%,47%) |
| #3a67bb |
rgb(58,103,187) |
hsl(219,53%,48%) |
| #3b69bf |
rgb(59,105,191) |
hsl(219,53%,49%) |
| #3c6bc3 |
rgb(60,107,195) |
hsl(219,53%,50%) |
| #406ec4 |
rgb(64,110,196) |
hsl(219,53%,51%) |
| #4471c5 |
rgb(68,113,197) |
hsl(219,53%,52%) |
| #4874c7 |
rgb(72,116,199) |
hsl(219,53%,53%) |
| #4c77c8 |
rgb(76,119,200) |
hsl(219,53%,54%) |
| #4f7ac9 |
rgb(79,122,201) |
hsl(219,53%,55%) |
| #537dca |
rgb(83,125,202) |
hsl(219,53%,56%) |
| #5780cb |
rgb(87,128,203) |
hsl(219,53%,57%) |
| #5b83cd |
rgb(91,131,205) |
hsl(219,53%,58%) |
| #5f86ce |
rgb(95,134,206) |
hsl(219,53%,59%) |
| #6389cf |
rgb(99,137,207) |
hsl(219,53%,60%) |
| #678cd0 |
rgb(103,140,208) |
hsl(219,53%,61%) |
| #6b8fd1 |
rgb(107,143,209) |
hsl(219,53%,62%) |
| #6f92d3 |
rgb(111,146,211) |
hsl(219,53%,63%) |
| #7395d4 |
rgb(115,149,212) |
hsl(219,53%,64%) |
| #7698d5 |
rgb(118,152,213) |
hsl(219,53%,65%) |
| #7a9bd6 |
rgb(122,155,214) |
hsl(219,53%,66%) |
| #7e9dd7 |
rgb(126,157,215) |
hsl(219,53%,67%) |
| #82a0d9 |
rgb(130,160,217) |
hsl(219,53%,68%) |
| #86a3da |
rgb(134,163,218) |
hsl(219,53%,69%) |
| #8aa6db |
rgb(138,166,219) |
hsl(219,53%,70%) |
| #8ea9dc |
rgb(142,169,220) |
hsl(219,53%,71%) |
| #92acdd |
rgb(146,172,221) |
hsl(219,53%,72%) |
| #96afdf |
rgb(150,175,223) |
hsl(219,53%,73%) |
| #9ab2e0 |
rgb(154,178,224) |
hsl(219,53%,74%) |
| #9db5e1 |
rgb(157,181,225) |
hsl(219,53%,75%) |
| #a1b8e2 |
rgb(161,184,226) |
hsl(219,53%,76%) |
| #a5bbe3 |
rgb(165,187,227) |
hsl(219,53%,77%) |
| #a9bee5 |
rgb(169,190,229) |
hsl(219,53%,78%) |
| #adc1e6 |
rgb(173,193,230) |
hsl(219,53%,79%) |
| #b1c4e7 |
rgb(177,196,231) |
hsl(219,53%,80%) |
| #b5c7e8 |
rgb(181,199,232) |
hsl(219,53%,81%) |
| #b9cae9 |
rgb(185,202,233) |
hsl(219,53%,82%) |
| #bdcdeb |
rgb(189,205,235) |
hsl(219,53%,83%) |
| #c1d0ec |
rgb(193,208,236) |
hsl(219,53%,84%) |
| #c4d3ed |
rgb(196,211,237) |
hsl(219,53%,85%) |
| #c8d6ee |
rgb(200,214,238) |
hsl(219,53%,86%) |
| #ccd9ef |
rgb(204,217,239) |
hsl(219,53%,87%) |
| #d0dcf1 |
rgb(208,220,241) |
hsl(219,53%,88%) |
| #d4def2 |
rgb(212,222,242) |
hsl(219,53%,89%) |
| #d8e1f3 |
rgb(216,225,243) |
hsl(219,53%,90%) |
| #dce4f4 |
rgb(220,228,244) |
hsl(219,53%,91%) |
| #e0e7f5 |
rgb(224,231,245) |
hsl(219,53%,92%) |
| #e4eaf7 |
rgb(228,234,247) |
hsl(219,53%,93%) |
| #e8edf8 |
rgb(232,237,248) |
hsl(219,53%,94%) |
| #ebf0f9 |
rgb(235,240,249) |
hsl(219,53%,95%) |
| #eff3fa |
rgb(239,243,250) |
hsl(219,53%,96%) |
| #f3f6fb |
rgb(243,246,251) |
hsl(219,53%,97%) |
| #f7f9fd |
rgb(247,249,253) |
hsl(219,53%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(219,53%,99%) |
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%) |
