Color HEX #396DC6, RGB(57,109,198)

Color name is Indigo. The color #396dc6 is a dark shade and moderately saturated.

#396dc6
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Palette

396dc6 color palette from light to dark

HEX RGB HSL
#010204 rgb(1,2,4) hsl(218,55%,1%)
#020408 rgb(2,4,8) hsl(218,55%,2%)
#03070c rgb(3,7,12) hsl(218,55%,3%)
#050910 rgb(5,9,16) hsl(218,55%,4%)
#060b14 rgb(6,11,20) hsl(218,55%,5%)
#070d18 rgb(7,13,24) hsl(218,55%,6%)
#080f1c rgb(8,15,28) hsl(218,55%,7%)
#091120 rgb(9,17,32) hsl(218,55%,8%)
#0a1424 rgb(10,20,36) hsl(218,55%,9%)
#0b1628 rgb(11,22,40) hsl(218,55%,10%)
#0d182b rgb(13,24,43) hsl(218,55%,11%)
#0e1a2f rgb(14,26,47) hsl(218,55%,12%)
#0f1c33 rgb(15,28,51) hsl(218,55%,13%)
#101e37 rgb(16,30,55) hsl(218,55%,14%)
#11213b rgb(17,33,59) hsl(218,55%,15%)
#12233f rgb(18,35,63) hsl(218,55%,16%)
#142543 rgb(20,37,67) hsl(218,55%,17%)
#152747 rgb(21,39,71) hsl(218,55%,18%)
#16294b rgb(22,41,75) hsl(218,55%,19%)
#172c4f rgb(23,44,79) hsl(218,55%,20%)
#182e53 rgb(24,46,83) hsl(218,55%,21%)
#193057 rgb(25,48,87) hsl(218,55%,22%)
#1a325b rgb(26,50,91) hsl(218,55%,23%)
#1c345f rgb(28,52,95) hsl(218,55%,24%)
#1d3663 rgb(29,54,99) hsl(218,55%,25%)
#1e3967 rgb(30,57,103) hsl(218,55%,26%)
#1f3b6b rgb(31,59,107) hsl(218,55%,27%)
#203d6f rgb(32,61,111) hsl(218,55%,28%)
#213f73 rgb(33,63,115) hsl(218,55%,29%)
#224177 rgb(34,65,119) hsl(218,55%,30%)
#24437b rgb(36,67,123) hsl(218,55%,31%)
#25467e rgb(37,70,126) hsl(218,55%,32%)
#264882 rgb(38,72,130) hsl(218,55%,33%)
#274a86 rgb(39,74,134) hsl(218,55%,34%)
#284c8a rgb(40,76,138) hsl(218,55%,35%)
#294e8e rgb(41,78,142) hsl(218,55%,36%)
#2a5192 rgb(42,81,146) hsl(218,55%,37%)
#2c5396 rgb(44,83,150) hsl(218,55%,38%)
#2d559a rgb(45,85,154) hsl(218,55%,39%)
#2e579e rgb(46,87,158) hsl(218,55%,40%)
#2f59a2 rgb(47,89,162) hsl(218,55%,41%)
#305ba6 rgb(48,91,166) hsl(218,55%,42%)
#315eaa rgb(49,94,170) hsl(218,55%,43%)
#3260ae rgb(50,96,174) hsl(218,55%,44%)
#3462b2 rgb(52,98,178) hsl(218,55%,45%)
#3564b6 rgb(53,100,182) hsl(218,55%,46%)
#3666ba rgb(54,102,186) hsl(218,55%,47%)
#3768be rgb(55,104,190) hsl(218,55%,48%)
#386bc2 rgb(56,107,194) hsl(218,55%,49%)
#396dc6 rgb(57,109,198) hsl(218,55%,50%)
#3d70c7 rgb(61,112,199) hsl(218,55%,51%)
#4173c8 rgb(65,115,200) hsl(218,55%,52%)
#4576c9 rgb(69,118,201) hsl(218,55%,53%)
#4978ca rgb(73,120,202) hsl(218,55%,54%)
#4d7bcb rgb(77,123,203) hsl(218,55%,55%)
#517ecd rgb(81,126,205) hsl(218,55%,56%)
#5581ce rgb(85,129,206) hsl(218,55%,57%)
#5984cf rgb(89,132,207) hsl(218,55%,58%)
#5d87d0 rgb(93,135,208) hsl(218,55%,59%)
#618ad1 rgb(97,138,209) hsl(218,55%,60%)
#658dd2 rgb(101,141,210) hsl(218,55%,61%)
#6990d3 rgb(105,144,211) hsl(218,55%,62%)
#6d93d5 rgb(109,147,213) hsl(218,55%,63%)
#7196d6 rgb(113,150,214) hsl(218,55%,64%)
#7599d7 rgb(117,153,215) hsl(218,55%,65%)
#799cd8 rgb(121,156,216) hsl(218,55%,66%)
#7d9fd9 rgb(125,159,217) hsl(218,55%,67%)
#81a1da rgb(129,161,218) hsl(218,55%,68%)
#84a4db rgb(132,164,219) hsl(218,55%,69%)
#88a7dd rgb(136,167,221) hsl(218,55%,70%)
#8caade rgb(140,170,222) hsl(218,55%,71%)
#90addf rgb(144,173,223) hsl(218,55%,72%)
#94b0e0 rgb(148,176,224) hsl(218,55%,73%)
#98b3e1 rgb(152,179,225) hsl(218,55%,74%)
#9cb6e2 rgb(156,182,226) hsl(218,55%,75%)
#a0b9e3 rgb(160,185,227) hsl(218,55%,76%)
#a4bce5 rgb(164,188,229) hsl(218,55%,77%)
#a8bfe6 rgb(168,191,230) hsl(218,55%,78%)
#acc2e7 rgb(172,194,231) hsl(218,55%,79%)
#b0c5e8 rgb(176,197,232) hsl(218,55%,80%)
#b4c7e9 rgb(180,199,233) hsl(218,55%,81%)
#b8caea rgb(184,202,234) hsl(218,55%,82%)
#bccdeb rgb(188,205,235) hsl(218,55%,83%)
#c0d0ed rgb(192,208,237) hsl(218,55%,84%)
#c4d3ee rgb(196,211,238) hsl(218,55%,85%)
#c8d6ef rgb(200,214,239) hsl(218,55%,86%)
#ccd9f0 rgb(204,217,240) hsl(218,55%,87%)
#d0dcf1 rgb(208,220,241) hsl(218,55%,88%)
#d4dff2 rgb(212,223,242) hsl(218,55%,89%)
#d7e2f4 rgb(215,226,244) hsl(218,55%,90%)
#dbe5f5 rgb(219,229,245) hsl(218,55%,91%)
#dfe8f6 rgb(223,232,246) hsl(218,55%,92%)
#e3ebf7 rgb(227,235,247) hsl(218,55%,93%)
#e7edf8 rgb(231,237,248) hsl(218,55%,94%)
#ebf0f9 rgb(235,240,249) hsl(218,55%,95%)
#eff3fa rgb(239,243,250) hsl(218,55%,96%)
#f3f6fc rgb(243,246,252) hsl(218,55%,97%)
#f7f9fd rgb(247,249,253) hsl(218,55%,98%)
#fbfcfe rgb(251,252,254) hsl(218,55%,99%)

Adjacent colors

HEX RGB HSL
#39c7c1 rgb(57,199,193) hsl(177,56%,50%)
#396dc6 rgb(57,109,198) hsl(218,55%,50%)
#6338c6 rgb(99,56,198) hsl(258,56%,50%)

Monochromatic colors

HEX RGB HSL
#789cd8 rgb(120,156,216) hsl(218,55%,66%)
#5885cf rgb(88,133,207) hsl(217,55%,58%)
#396dc6 rgb(57,109,198) hsl(218,55%,50%)
#2f5ca6 rgb(47,92,166) hsl(217,56%,42%)
#264a86 rgb(38,74,134) hsl(218,56%,34%)
#1d3866 rgb(29,56,102) hsl(218,56%,26%)

Triad color palettes

HEX RGB HSL
#396dc6 rgb(57,109,198) hsl(218,55%,50%)
#c64d39 rgb(198,77,57) hsl(9,55%,50%)
#b3c739 rgb(179,199,57) hsl(68,56%,50%)

Tetrad color palettes

HEX RGB HSL
#396dc6 rgb(57,109,198) hsl(218,55%,50%)
#c69139 rgb(198,145,57) hsl(37,55%,50%)
#39b3c6 rgb(57,179,198) hsl(188,55%,50%)
#b3c739 rgb(179,199,57) hsl(68,56%,50%)