Color HEX #396AC6, RGB(57,106,198)

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

#396ac6
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Your selected color codes

Palette

396ac6 color palette from light to dark

HEX RGB HSL
#010204 rgb(1,2,4) hsl(219,55%,1%)
#020408 rgb(2,4,8) hsl(219,55%,2%)
#03060c rgb(3,6,12) hsl(219,55%,3%)
#050910 rgb(5,9,16) hsl(219,55%,4%)
#060b14 rgb(6,11,20) hsl(219,55%,5%)
#070d18 rgb(7,13,24) hsl(219,55%,6%)
#080f1c rgb(8,15,28) hsl(219,55%,7%)
#091120 rgb(9,17,32) hsl(219,55%,8%)
#0a1324 rgb(10,19,36) hsl(219,55%,9%)
#0b1528 rgb(11,21,40) hsl(219,55%,10%)
#0d172b rgb(13,23,43) hsl(219,55%,11%)
#0e1a2f rgb(14,26,47) hsl(219,55%,12%)
#0f1c33 rgb(15,28,51) hsl(219,55%,13%)
#101e37 rgb(16,30,55) hsl(219,55%,14%)
#11203b rgb(17,32,59) hsl(219,55%,15%)
#12223f rgb(18,34,63) hsl(219,55%,16%)
#142443 rgb(20,36,67) hsl(219,55%,17%)
#152647 rgb(21,38,71) hsl(219,55%,18%)
#16284b rgb(22,40,75) hsl(219,55%,19%)
#172b4f rgb(23,43,79) hsl(219,55%,20%)
#182d53 rgb(24,45,83) hsl(219,55%,21%)
#192f57 rgb(25,47,87) hsl(219,55%,22%)
#1a315b rgb(26,49,91) hsl(219,55%,23%)
#1c335f rgb(28,51,95) hsl(219,55%,24%)
#1d3563 rgb(29,53,99) hsl(219,55%,25%)
#1e3767 rgb(30,55,103) hsl(219,55%,26%)
#1f396b rgb(31,57,107) hsl(219,55%,27%)
#203c6f rgb(32,60,111) hsl(219,55%,28%)
#213e73 rgb(33,62,115) hsl(219,55%,29%)
#224077 rgb(34,64,119) hsl(219,55%,30%)
#24427b rgb(36,66,123) hsl(219,55%,31%)
#25447e rgb(37,68,126) hsl(219,55%,32%)
#264682 rgb(38,70,130) hsl(219,55%,33%)
#274886 rgb(39,72,134) hsl(219,55%,34%)
#284b8a rgb(40,75,138) hsl(219,55%,35%)
#294d8e rgb(41,77,142) hsl(219,55%,36%)
#2a4f92 rgb(42,79,146) hsl(219,55%,37%)
#2c5196 rgb(44,81,150) hsl(219,55%,38%)
#2d539a rgb(45,83,154) hsl(219,55%,39%)
#2e559e rgb(46,85,158) hsl(219,55%,40%)
#2f57a2 rgb(47,87,162) hsl(219,55%,41%)
#3059a6 rgb(48,89,166) hsl(219,55%,42%)
#315caa rgb(49,92,170) hsl(219,55%,43%)
#325eae rgb(50,94,174) hsl(219,55%,44%)
#3460b2 rgb(52,96,178) hsl(219,55%,45%)
#3562b6 rgb(53,98,182) hsl(219,55%,46%)
#3664ba rgb(54,100,186) hsl(219,55%,47%)
#3766be rgb(55,102,190) hsl(219,55%,48%)
#3868c2 rgb(56,104,194) hsl(219,55%,49%)
#396ac6 rgb(57,106,198) hsl(219,55%,50%)
#3d6dc7 rgb(61,109,199) hsl(219,55%,51%)
#4170c8 rgb(65,112,200) hsl(219,55%,52%)
#4573c9 rgb(69,115,201) hsl(219,55%,53%)
#4976ca rgb(73,118,202) hsl(219,55%,54%)
#4d79cb rgb(77,121,203) hsl(219,55%,55%)
#517ccd rgb(81,124,205) hsl(219,55%,56%)
#557fce rgb(85,127,206) hsl(219,55%,57%)
#5982cf rgb(89,130,207) hsl(219,55%,58%)
#5d85d0 rgb(93,133,208) hsl(219,55%,59%)
#6188d1 rgb(97,136,209) hsl(219,55%,60%)
#658bd2 rgb(101,139,210) hsl(219,55%,61%)
#698ed3 rgb(105,142,211) hsl(219,55%,62%)
#6d91d5 rgb(109,145,213) hsl(219,55%,63%)
#7194d6 rgb(113,148,214) hsl(219,55%,64%)
#7597d7 rgb(117,151,215) hsl(219,55%,65%)
#799ad8 rgb(121,154,216) hsl(219,55%,66%)
#7d9dd9 rgb(125,157,217) hsl(219,55%,67%)
#81a0da rgb(129,160,218) hsl(219,55%,68%)
#84a3db rgb(132,163,219) hsl(219,55%,69%)
#88a6dd rgb(136,166,221) hsl(219,55%,70%)
#8ca9de rgb(140,169,222) hsl(219,55%,71%)
#90acdf rgb(144,172,223) hsl(219,55%,72%)
#94afe0 rgb(148,175,224) hsl(219,55%,73%)
#98b2e1 rgb(152,178,225) hsl(219,55%,74%)
#9cb5e2 rgb(156,181,226) hsl(219,55%,75%)
#a0b8e3 rgb(160,184,227) hsl(219,55%,76%)
#a4bbe5 rgb(164,187,229) hsl(219,55%,77%)
#a8bee6 rgb(168,190,230) hsl(219,55%,78%)
#acc1e7 rgb(172,193,231) hsl(219,55%,79%)
#b0c4e8 rgb(176,196,232) hsl(219,55%,80%)
#b4c7e9 rgb(180,199,233) hsl(219,55%,81%)
#b8caea rgb(184,202,234) hsl(219,55%,82%)
#bccceb rgb(188,204,235) hsl(219,55%,83%)
#c0cfed rgb(192,207,237) hsl(219,55%,84%)
#c4d2ee rgb(196,210,238) hsl(219,55%,85%)
#c8d5ef rgb(200,213,239) hsl(219,55%,86%)
#ccd8f0 rgb(204,216,240) hsl(219,55%,87%)
#d0dbf1 rgb(208,219,241) hsl(219,55%,88%)
#d4def2 rgb(212,222,242) hsl(219,55%,89%)
#d7e1f4 rgb(215,225,244) hsl(219,55%,90%)
#dbe4f5 rgb(219,228,245) hsl(219,55%,91%)
#dfe7f6 rgb(223,231,246) hsl(219,55%,92%)
#e3eaf7 rgb(227,234,247) hsl(219,55%,93%)
#e7edf8 rgb(231,237,248) hsl(219,55%,94%)
#ebf0f9 rgb(235,240,249) hsl(219,55%,95%)
#eff3fa rgb(239,243,250) hsl(219,55%,96%)
#f3f6fc rgb(243,246,252) hsl(219,55%,97%)
#f7f9fd rgb(247,249,253) hsl(219,55%,98%)
#fbfcfe rgb(251,252,254) hsl(219,55%,99%)

Adjacent colors

HEX RGB HSL
#39c7c4 rgb(57,199,196) hsl(179,56%,50%)
#396ac6 rgb(57,106,198) hsl(219,55%,50%)
#6638c6 rgb(102,56,198) hsl(259,56%,50%)

Monochromatic colors

HEX RGB HSL
#7899d8 rgb(120,153,216) hsl(219,55%,66%)
#5882cf rgb(88,130,207) hsl(219,55%,58%)
#396ac6 rgb(57,106,198) hsl(219,55%,50%)
#2f59a6 rgb(47,89,166) hsl(219,56%,42%)
#264786 rgb(38,71,134) hsl(219,56%,34%)
#1d3866 rgb(29,56,102) hsl(218,56%,26%)

Triad color palettes

HEX RGB HSL
#396ac6 rgb(57,106,198) hsl(219,55%,50%)
#c64f39 rgb(198,79,57) hsl(9,55%,50%)
#b0c739 rgb(176,199,57) hsl(70,56%,50%)

Tetrad color palettes

HEX RGB HSL
#396ac6 rgb(57,106,198) hsl(219,55%,50%)
#c69439 rgb(198,148,57) hsl(39,55%,50%)
#39b0c6 rgb(57,176,198) hsl(189,55%,50%)
#b0c739 rgb(176,199,57) hsl(70,56%,50%)