Color HEX #3B64C4, RGB(59,100,196)
Color name is Indigo. The color #3b64c4 is a dark shade and moderately saturated.
Your selected color codes
Palette
3b64c4 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(222,54%,1%) |
| #020408 |
rgb(2,4,8) |
hsl(222,54%,2%) |
| #04060c |
rgb(4,6,12) |
hsl(222,54%,3%) |
| #050810 |
rgb(5,8,16) |
hsl(222,54%,4%) |
| #060a14 |
rgb(6,10,20) |
hsl(222,54%,5%) |
| #070c18 |
rgb(7,12,24) |
hsl(222,54%,6%) |
| #080e1b |
rgb(8,14,27) |
hsl(222,54%,7%) |
| #09101f |
rgb(9,16,31) |
hsl(222,54%,8%) |
| #0b1223 |
rgb(11,18,35) |
hsl(222,54%,9%) |
| #0c1427 |
rgb(12,20,39) |
hsl(222,54%,10%) |
| #0d162b |
rgb(13,22,43) |
hsl(222,54%,11%) |
| #0e182f |
rgb(14,24,47) |
hsl(222,54%,12%) |
| #0f1a33 |
rgb(15,26,51) |
hsl(222,54%,13%) |
| #101c37 |
rgb(16,28,55) |
hsl(222,54%,14%) |
| #121e3b |
rgb(18,30,59) |
hsl(222,54%,15%) |
| #13203f |
rgb(19,32,63) |
hsl(222,54%,16%) |
| #142243 |
rgb(20,34,67) |
hsl(222,54%,17%) |
| #152447 |
rgb(21,36,71) |
hsl(222,54%,18%) |
| #16264b |
rgb(22,38,75) |
hsl(222,54%,19%) |
| #17284f |
rgb(23,40,79) |
hsl(222,54%,20%) |
| #192a52 |
rgb(25,42,82) |
hsl(222,54%,21%) |
| #1a2c56 |
rgb(26,44,86) |
hsl(222,54%,22%) |
| #1b2e5a |
rgb(27,46,90) |
hsl(222,54%,23%) |
| #1c305e |
rgb(28,48,94) |
hsl(222,54%,24%) |
| #1d3262 |
rgb(29,50,98) |
hsl(222,54%,25%) |
| #1e3466 |
rgb(30,52,102) |
hsl(222,54%,26%) |
| #20366a |
rgb(32,54,106) |
hsl(222,54%,27%) |
| #21386e |
rgb(33,56,110) |
hsl(222,54%,28%) |
| #223a72 |
rgb(34,58,114) |
hsl(222,54%,29%) |
| #233c76 |
rgb(35,60,118) |
hsl(222,54%,30%) |
| #243e7a |
rgb(36,62,122) |
hsl(222,54%,31%) |
| #26407e |
rgb(38,64,126) |
hsl(222,54%,32%) |
| #274282 |
rgb(39,66,130) |
hsl(222,54%,33%) |
| #284486 |
rgb(40,68,134) |
hsl(222,54%,34%) |
| #294689 |
rgb(41,70,137) |
hsl(222,54%,35%) |
| #2a488d |
rgb(42,72,141) |
hsl(222,54%,36%) |
| #2b4a91 |
rgb(43,74,145) |
hsl(222,54%,37%) |
| #2d4c95 |
rgb(45,76,149) |
hsl(222,54%,38%) |
| #2e4e99 |
rgb(46,78,153) |
hsl(222,54%,39%) |
| #2f509d |
rgb(47,80,157) |
hsl(222,54%,40%) |
| #3052a1 |
rgb(48,82,161) |
hsl(222,54%,41%) |
| #3154a5 |
rgb(49,84,165) |
hsl(222,54%,42%) |
| #3256a9 |
rgb(50,86,169) |
hsl(222,54%,43%) |
| #3458ad |
rgb(52,88,173) |
hsl(222,54%,44%) |
| #355ab1 |
rgb(53,90,177) |
hsl(222,54%,45%) |
| #365cb5 |
rgb(54,92,181) |
hsl(222,54%,46%) |
| #375eb9 |
rgb(55,94,185) |
hsl(222,54%,47%) |
| #3860bc |
rgb(56,96,188) |
hsl(222,54%,48%) |
| #3962c0 |
rgb(57,98,192) |
hsl(222,54%,49%) |
| #3b64c4 |
rgb(59,100,196) |
hsl(222,54%,50%) |
| #3f67c6 |
rgb(63,103,198) |
hsl(222,54%,51%) |
| #436ac7 |
rgb(67,106,199) |
hsl(222,54%,52%) |
| #466dc8 |
rgb(70,109,200) |
hsl(222,54%,53%) |
| #4a70c9 |
rgb(74,112,201) |
hsl(222,54%,54%) |
| #4e73ca |
rgb(78,115,202) |
hsl(222,54%,55%) |
| #5277cb |
rgb(82,119,203) |
hsl(222,54%,56%) |
| #567acd |
rgb(86,122,205) |
hsl(222,54%,57%) |
| #5a7dce |
rgb(90,125,206) |
hsl(222,54%,58%) |
| #5e80cf |
rgb(94,128,207) |
hsl(222,54%,59%) |
| #6283d0 |
rgb(98,131,208) |
hsl(222,54%,60%) |
| #6686d1 |
rgb(102,134,209) |
hsl(222,54%,61%) |
| #6a89d2 |
rgb(106,137,210) |
hsl(222,54%,62%) |
| #6e8cd4 |
rgb(110,140,212) |
hsl(222,54%,63%) |
| #728fd5 |
rgb(114,143,213) |
hsl(222,54%,64%) |
| #7692d6 |
rgb(118,146,214) |
hsl(222,54%,65%) |
| #7996d7 |
rgb(121,150,215) |
hsl(222,54%,66%) |
| #7d99d8 |
rgb(125,153,216) |
hsl(222,54%,67%) |
| #819cd9 |
rgb(129,156,217) |
hsl(222,54%,68%) |
| #859fdb |
rgb(133,159,219) |
hsl(222,54%,69%) |
| #89a2dc |
rgb(137,162,220) |
hsl(222,54%,70%) |
| #8da5dd |
rgb(141,165,221) |
hsl(222,54%,71%) |
| #91a8de |
rgb(145,168,222) |
hsl(222,54%,72%) |
| #95abdf |
rgb(149,171,223) |
hsl(222,54%,73%) |
| #99aee1 |
rgb(153,174,225) |
hsl(222,54%,74%) |
| #9db1e2 |
rgb(157,177,226) |
hsl(222,54%,75%) |
| #a1b5e3 |
rgb(161,181,227) |
hsl(222,54%,76%) |
| #a5b8e4 |
rgb(165,184,228) |
hsl(222,54%,77%) |
| #a9bbe5 |
rgb(169,187,229) |
hsl(222,54%,78%) |
| #adbee6 |
rgb(173,190,230) |
hsl(222,54%,79%) |
| #b0c1e8 |
rgb(176,193,232) |
hsl(222,54%,80%) |
| #b4c4e9 |
rgb(180,196,233) |
hsl(222,54%,81%) |
| #b8c7ea |
rgb(184,199,234) |
hsl(222,54%,82%) |
| #bccaeb |
rgb(188,202,235) |
hsl(222,54%,83%) |
| #c0cdec |
rgb(192,205,236) |
hsl(222,54%,84%) |
| #c4d0ed |
rgb(196,208,237) |
hsl(222,54%,85%) |
| #c8d4ef |
rgb(200,212,239) |
hsl(222,54%,86%) |
| #ccd7f0 |
rgb(204,215,240) |
hsl(222,54%,87%) |
| #d0daf1 |
rgb(208,218,241) |
hsl(222,54%,88%) |
| #d4ddf2 |
rgb(212,221,242) |
hsl(222,54%,89%) |
| #d8e0f3 |
rgb(216,224,243) |
hsl(222,54%,90%) |
| #dce3f4 |
rgb(220,227,244) |
hsl(222,54%,91%) |
| #e0e6f6 |
rgb(224,230,246) |
hsl(222,54%,92%) |
| #e4e9f7 |
rgb(228,233,247) |
hsl(222,54%,93%) |
| #e7ecf8 |
rgb(231,236,248) |
hsl(222,54%,94%) |
| #ebeff9 |
rgb(235,239,249) |
hsl(222,54%,95%) |
| #eff3fa |
rgb(239,243,250) |
hsl(222,54%,96%) |
| #f3f6fb |
rgb(243,246,251) |
hsl(222,54%,97%) |
| #f7f9fd |
rgb(247,249,253) |
hsl(222,54%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(222,54%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3bbfc4 |
rgb(59,191,196) |
hsl(182,54%,50%) |
| #3b64c4 |
rgb(59,100,196) |
hsl(222,54%,50%) |
| #6d3bc4 |
rgb(109,59,196) |
hsl(262,54%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7996d6 |
rgb(121,150,214) |
hsl(221,53%,66%) |
| #5a7dcd |
rgb(90,125,205) |
hsl(222,53%,58%) |
| #3b64c4 |
rgb(59,100,196) |
hsl(222,54%,50%) |
| #3154a4 |
rgb(49,84,164) |
hsl(222,54%,42%) |
| #284585 |
rgb(40,69,133) |
hsl(221,54%,34%) |
| #1e3365 |
rgb(30,51,101) |
hsl(222,54%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3b64c4 |
rgb(59,100,196) |
hsl(222,54%,50%) |
| #c4573b |
rgb(196,87,59) |
hsl(12,54%,50%) |
| #a8c43b |
rgb(168,196,59) |
hsl(72,54%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3b64c4 |
rgb(59,100,196) |
hsl(222,54%,50%) |
| #c49c3b |
rgb(196,156,59) |
hsl(42,54%,50%) |
| #3ba8c4 |
rgb(59,168,196) |
hsl(192,54%,50%) |
| #a8c43b |
rgb(168,196,59) |
hsl(72,54%,50%) |
