Color HEX #3C72C3, RGB(60,114,195)
Color name is Indigo. The color #3c72c3 is a dark shade and moderately saturated.
Your selected color codes
Palette
3c72c3 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(216,53%,1%) |
| #020508 |
rgb(2,5,8) |
hsl(216,53%,2%) |
| #04070c |
rgb(4,7,12) |
hsl(216,53%,3%) |
| #050910 |
rgb(5,9,16) |
hsl(216,53%,4%) |
| #060b14 |
rgb(6,11,20) |
hsl(216,53%,5%) |
| #070e17 |
rgb(7,14,23) |
hsl(216,53%,6%) |
| #08101b |
rgb(8,16,27) |
hsl(216,53%,7%) |
| #0a121f |
rgb(10,18,31) |
hsl(216,53%,8%) |
| #0b1523 |
rgb(11,21,35) |
hsl(216,53%,9%) |
| #0c1727 |
rgb(12,23,39) |
hsl(216,53%,10%) |
| #0d192b |
rgb(13,25,43) |
hsl(216,53%,11%) |
| #0e1b2f |
rgb(14,27,47) |
hsl(216,53%,12%) |
| #101e33 |
rgb(16,30,51) |
hsl(216,53%,13%) |
| #112037 |
rgb(17,32,55) |
hsl(216,53%,14%) |
| #12223b |
rgb(18,34,59) |
hsl(216,53%,15%) |
| #13243e |
rgb(19,36,62) |
hsl(216,53%,16%) |
| #142742 |
rgb(20,39,66) |
hsl(216,53%,17%) |
| #162946 |
rgb(22,41,70) |
hsl(216,53%,18%) |
| #172b4a |
rgb(23,43,74) |
hsl(216,53%,19%) |
| #182e4e |
rgb(24,46,78) |
hsl(216,53%,20%) |
| #193052 |
rgb(25,48,82) |
hsl(216,53%,21%) |
| #1a3256 |
rgb(26,50,86) |
hsl(216,53%,22%) |
| #1c345a |
rgb(28,52,90) |
hsl(216,53%,23%) |
| #1d375e |
rgb(29,55,94) |
hsl(216,53%,24%) |
| #1e3962 |
rgb(30,57,98) |
hsl(216,53%,25%) |
| #1f3b65 |
rgb(31,59,101) |
hsl(216,53%,26%) |
| #203e69 |
rgb(32,62,105) |
hsl(216,53%,27%) |
| #22406d |
rgb(34,64,109) |
hsl(216,53%,28%) |
| #234271 |
rgb(35,66,113) |
hsl(216,53%,29%) |
| #244475 |
rgb(36,68,117) |
hsl(216,53%,30%) |
| #254779 |
rgb(37,71,121) |
hsl(216,53%,31%) |
| #26497d |
rgb(38,73,125) |
hsl(216,53%,32%) |
| #284b81 |
rgb(40,75,129) |
hsl(216,53%,33%) |
| #294e85 |
rgb(41,78,133) |
hsl(216,53%,34%) |
| #2a5089 |
rgb(42,80,137) |
hsl(216,53%,35%) |
| #2b528c |
rgb(43,82,140) |
hsl(216,53%,36%) |
| #2c5490 |
rgb(44,84,144) |
hsl(216,53%,37%) |
| #2e5794 |
rgb(46,87,148) |
hsl(216,53%,38%) |
| #2f5998 |
rgb(47,89,152) |
hsl(216,53%,39%) |
| #305b9c |
rgb(48,91,156) |
hsl(216,53%,40%) |
| #315da0 |
rgb(49,93,160) |
hsl(216,53%,41%) |
| #3260a4 |
rgb(50,96,164) |
hsl(216,53%,42%) |
| #3462a8 |
rgb(52,98,168) |
hsl(216,53%,43%) |
| #3564ac |
rgb(53,100,172) |
hsl(216,53%,44%) |
| #3667b0 |
rgb(54,103,176) |
hsl(216,53%,45%) |
| #3769b3 |
rgb(55,105,179) |
hsl(216,53%,46%) |
| #386bb7 |
rgb(56,107,183) |
hsl(216,53%,47%) |
| #3a6dbb |
rgb(58,109,187) |
hsl(216,53%,48%) |
| #3b70bf |
rgb(59,112,191) |
hsl(216,53%,49%) |
| #3c72c3 |
rgb(60,114,195) |
hsl(216,53%,50%) |
| #4075c4 |
rgb(64,117,196) |
hsl(216,53%,51%) |
| #4478c5 |
rgb(68,120,197) |
hsl(216,53%,52%) |
| #487ac7 |
rgb(72,122,199) |
hsl(216,53%,53%) |
| #4c7dc8 |
rgb(76,125,200) |
hsl(216,53%,54%) |
| #4f80c9 |
rgb(79,128,201) |
hsl(216,53%,55%) |
| #5383ca |
rgb(83,131,202) |
hsl(216,53%,56%) |
| #5786cb |
rgb(87,134,203) |
hsl(216,53%,57%) |
| #5b89cd |
rgb(91,137,205) |
hsl(216,53%,58%) |
| #5f8bce |
rgb(95,139,206) |
hsl(216,53%,59%) |
| #638ecf |
rgb(99,142,207) |
hsl(216,53%,60%) |
| #6791d0 |
rgb(103,145,208) |
hsl(216,53%,61%) |
| #6b94d1 |
rgb(107,148,209) |
hsl(216,53%,62%) |
| #6f97d3 |
rgb(111,151,211) |
hsl(216,53%,63%) |
| #7399d4 |
rgb(115,153,212) |
hsl(216,53%,64%) |
| #769cd5 |
rgb(118,156,213) |
hsl(216,53%,65%) |
| #7a9fd6 |
rgb(122,159,214) |
hsl(216,53%,66%) |
| #7ea2d7 |
rgb(126,162,215) |
hsl(216,53%,67%) |
| #82a5d9 |
rgb(130,165,217) |
hsl(216,53%,68%) |
| #86a8da |
rgb(134,168,218) |
hsl(216,53%,69%) |
| #8aaadb |
rgb(138,170,219) |
hsl(216,53%,70%) |
| #8eaddc |
rgb(142,173,220) |
hsl(216,53%,71%) |
| #92b0dd |
rgb(146,176,221) |
hsl(216,53%,72%) |
| #96b3df |
rgb(150,179,223) |
hsl(216,53%,73%) |
| #9ab6e0 |
rgb(154,182,224) |
hsl(216,53%,74%) |
| #9db8e1 |
rgb(157,184,225) |
hsl(216,53%,75%) |
| #a1bbe2 |
rgb(161,187,226) |
hsl(216,53%,76%) |
| #a5bee3 |
rgb(165,190,227) |
hsl(216,53%,77%) |
| #a9c1e5 |
rgb(169,193,229) |
hsl(216,53%,78%) |
| #adc4e6 |
rgb(173,196,230) |
hsl(216,53%,79%) |
| #b1c7e7 |
rgb(177,199,231) |
hsl(216,53%,80%) |
| #b5c9e8 |
rgb(181,201,232) |
hsl(216,53%,81%) |
| #b9cce9 |
rgb(185,204,233) |
hsl(216,53%,82%) |
| #bdcfeb |
rgb(189,207,235) |
hsl(216,53%,83%) |
| #c1d2ec |
rgb(193,210,236) |
hsl(216,53%,84%) |
| #c4d5ed |
rgb(196,213,237) |
hsl(216,53%,85%) |
| #c8d8ee |
rgb(200,216,238) |
hsl(216,53%,86%) |
| #ccdaef |
rgb(204,218,239) |
hsl(216,53%,87%) |
| #d0ddf1 |
rgb(208,221,241) |
hsl(216,53%,88%) |
| #d4e0f2 |
rgb(212,224,242) |
hsl(216,53%,89%) |
| #d8e3f3 |
rgb(216,227,243) |
hsl(216,53%,90%) |
| #dce6f4 |
rgb(220,230,244) |
hsl(216,53%,91%) |
| #e0e8f5 |
rgb(224,232,245) |
hsl(216,53%,92%) |
| #e4ebf7 |
rgb(228,235,247) |
hsl(216,53%,93%) |
| #e8eef8 |
rgb(232,238,248) |
hsl(216,53%,94%) |
| #ebf1f9 |
rgb(235,241,249) |
hsl(216,53%,95%) |
| #eff4fa |
rgb(239,244,250) |
hsl(216,53%,96%) |
| #f3f7fb |
rgb(243,247,251) |
hsl(216,53%,97%) |
| #f7f9fd |
rgb(247,249,253) |
hsl(216,53%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(216,53%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3cc2ba |
rgb(60,194,186) |
hsl(176,53%,50%) |
| #3c72c3 |
rgb(60,114,195) |
hsl(216,53%,50%) |
| #603dc3 |
rgb(96,61,195) |
hsl(256,53%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7a9ed6 |
rgb(122,158,214) |
hsl(217,53%,66%) |
| #5b8acc |
rgb(91,138,204) |
hsl(215,53%,58%) |
| #3c72c3 |
rgb(60,114,195) |
hsl(216,53%,50%) |
| #3261a3 |
rgb(50,97,163) |
hsl(215,53%,42%) |
| #284d84 |
rgb(40,77,132) |
hsl(216,53%,34%) |
| #1f3b65 |
rgb(31,59,101) |
hsl(216,53%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3c72c3 |
rgb(60,114,195) |
hsl(216,53%,50%) |
| #c34a3c |
rgb(195,74,60) |
hsl(6,53%,50%) |
| #b5c23c |
rgb(181,194,60) |
hsl(66,53%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3c72c3 |
rgb(60,114,195) |
hsl(216,53%,50%) |
| #c38c3c |
rgb(195,140,60) |
hsl(36,53%,50%) |
| #3cb5c3 |
rgb(60,181,195) |
hsl(186,53%,50%) |
| #b5c23c |
rgb(181,194,60) |
hsl(66,53%,50%) |
