Color HEX #3B78C4, RGB(59,120,196)
Color name is Indigo. The color #3b78c4 is a dark shade and moderately saturated.
Palette
3b78c4 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(213,54%,1%) |
| #020508 |
rgb(2,5,8) |
hsl(213,54%,2%) |
| #04070c |
rgb(4,7,12) |
hsl(213,54%,3%) |
| #050a10 |
rgb(5,10,16) |
hsl(213,54%,4%) |
| #060c14 |
rgb(6,12,20) |
hsl(213,54%,5%) |
| #070e18 |
rgb(7,14,24) |
hsl(213,54%,6%) |
| #08111b |
rgb(8,17,27) |
hsl(213,54%,7%) |
| #09131f |
rgb(9,19,31) |
hsl(213,54%,8%) |
| #0b1623 |
rgb(11,22,35) |
hsl(213,54%,9%) |
| #0c1827 |
rgb(12,24,39) |
hsl(213,54%,10%) |
| #0d1b2b |
rgb(13,27,43) |
hsl(213,54%,11%) |
| #0e1d2f |
rgb(14,29,47) |
hsl(213,54%,12%) |
| #0f1f33 |
rgb(15,31,51) |
hsl(213,54%,13%) |
| #102237 |
rgb(16,34,55) |
hsl(213,54%,14%) |
| #12243b |
rgb(18,36,59) |
hsl(213,54%,15%) |
| #13273f |
rgb(19,39,63) |
hsl(213,54%,16%) |
| #142943 |
rgb(20,41,67) |
hsl(213,54%,17%) |
| #152b47 |
rgb(21,43,71) |
hsl(213,54%,18%) |
| #162e4b |
rgb(22,46,75) |
hsl(213,54%,19%) |
| #17304f |
rgb(23,48,79) |
hsl(213,54%,20%) |
| #193352 |
rgb(25,51,82) |
hsl(213,54%,21%) |
| #1a3556 |
rgb(26,53,86) |
hsl(213,54%,22%) |
| #1b375a |
rgb(27,55,90) |
hsl(213,54%,23%) |
| #1c3a5e |
rgb(28,58,94) |
hsl(213,54%,24%) |
| #1d3c62 |
rgb(29,60,98) |
hsl(213,54%,25%) |
| #1e3f66 |
rgb(30,63,102) |
hsl(213,54%,26%) |
| #20416a |
rgb(32,65,106) |
hsl(213,54%,27%) |
| #21446e |
rgb(33,68,110) |
hsl(213,54%,28%) |
| #224672 |
rgb(34,70,114) |
hsl(213,54%,29%) |
| #234876 |
rgb(35,72,118) |
hsl(213,54%,30%) |
| #244b7a |
rgb(36,75,122) |
hsl(213,54%,31%) |
| #264d7e |
rgb(38,77,126) |
hsl(213,54%,32%) |
| #275082 |
rgb(39,80,130) |
hsl(213,54%,33%) |
| #285286 |
rgb(40,82,134) |
hsl(213,54%,34%) |
| #295489 |
rgb(41,84,137) |
hsl(213,54%,35%) |
| #2a578d |
rgb(42,87,141) |
hsl(213,54%,36%) |
| #2b5991 |
rgb(43,89,145) |
hsl(213,54%,37%) |
| #2d5c95 |
rgb(45,92,149) |
hsl(213,54%,38%) |
| #2e5e99 |
rgb(46,94,153) |
hsl(213,54%,39%) |
| #2f609d |
rgb(47,96,157) |
hsl(213,54%,40%) |
| #3063a1 |
rgb(48,99,161) |
hsl(213,54%,41%) |
| #3165a5 |
rgb(49,101,165) |
hsl(213,54%,42%) |
| #3268a9 |
rgb(50,104,169) |
hsl(213,54%,43%) |
| #346aad |
rgb(52,106,173) |
hsl(213,54%,44%) |
| #356db1 |
rgb(53,109,177) |
hsl(213,54%,45%) |
| #366fb5 |
rgb(54,111,181) |
hsl(213,54%,46%) |
| #3771b9 |
rgb(55,113,185) |
hsl(213,54%,47%) |
| #3874bc |
rgb(56,116,188) |
hsl(213,54%,48%) |
| #3976c0 |
rgb(57,118,192) |
hsl(213,54%,49%) |
| #3b79c4 |
rgb(59,121,196) |
hsl(213,54%,50%) |
| #3f7bc6 |
rgb(63,123,198) |
hsl(213,54%,51%) |
| #437ec7 |
rgb(67,126,199) |
hsl(213,54%,52%) |
| #4681c8 |
rgb(70,129,200) |
hsl(213,54%,53%) |
| #4a83c9 |
rgb(74,131,201) |
hsl(213,54%,54%) |
| #4e86ca |
rgb(78,134,202) |
hsl(213,54%,55%) |
| #5289cb |
rgb(82,137,203) |
hsl(213,54%,56%) |
| #568bcd |
rgb(86,139,205) |
hsl(213,54%,57%) |
| #5a8ece |
rgb(90,142,206) |
hsl(213,54%,58%) |
| #5e91cf |
rgb(94,145,207) |
hsl(213,54%,59%) |
| #6293d0 |
rgb(98,147,208) |
hsl(213,54%,60%) |
| #6696d1 |
rgb(102,150,209) |
hsl(213,54%,61%) |
| #6a99d2 |
rgb(106,153,210) |
hsl(213,54%,62%) |
| #6e9cd4 |
rgb(110,156,212) |
hsl(213,54%,63%) |
| #729ed5 |
rgb(114,158,213) |
hsl(213,54%,64%) |
| #76a1d6 |
rgb(118,161,214) |
hsl(213,54%,65%) |
| #79a4d7 |
rgb(121,164,215) |
hsl(213,54%,66%) |
| #7da6d8 |
rgb(125,166,216) |
hsl(213,54%,67%) |
| #81a9d9 |
rgb(129,169,217) |
hsl(213,54%,68%) |
| #85acdb |
rgb(133,172,219) |
hsl(213,54%,69%) |
| #89aedc |
rgb(137,174,220) |
hsl(213,54%,70%) |
| #8db1dd |
rgb(141,177,221) |
hsl(213,54%,71%) |
| #91b4de |
rgb(145,180,222) |
hsl(213,54%,72%) |
| #95b6df |
rgb(149,182,223) |
hsl(213,54%,73%) |
| #99b9e1 |
rgb(153,185,225) |
hsl(213,54%,74%) |
| #9dbce2 |
rgb(157,188,226) |
hsl(213,54%,75%) |
| #a1bee3 |
rgb(161,190,227) |
hsl(213,54%,76%) |
| #a5c1e4 |
rgb(165,193,228) |
hsl(213,54%,77%) |
| #a9c4e5 |
rgb(169,196,229) |
hsl(213,54%,78%) |
| #adc7e6 |
rgb(173,199,230) |
hsl(213,54%,79%) |
| #b0c9e8 |
rgb(176,201,232) |
hsl(213,54%,80%) |
| #b4cce9 |
rgb(180,204,233) |
hsl(213,54%,81%) |
| #b8cfea |
rgb(184,207,234) |
hsl(213,54%,82%) |
| #bcd1eb |
rgb(188,209,235) |
hsl(213,54%,83%) |
| #c0d4ec |
rgb(192,212,236) |
hsl(213,54%,84%) |
| #c4d7ed |
rgb(196,215,237) |
hsl(213,54%,85%) |
| #c8d9ef |
rgb(200,217,239) |
hsl(213,54%,86%) |
| #ccdcf0 |
rgb(204,220,240) |
hsl(213,54%,87%) |
| #d0dff1 |
rgb(208,223,241) |
hsl(213,54%,88%) |
| #d4e1f2 |
rgb(212,225,242) |
hsl(213,54%,89%) |
| #d8e4f3 |
rgb(216,228,243) |
hsl(213,54%,90%) |
| #dce7f4 |
rgb(220,231,244) |
hsl(213,54%,91%) |
| #e0e9f6 |
rgb(224,233,246) |
hsl(213,54%,92%) |
| #e4ecf7 |
rgb(228,236,247) |
hsl(213,54%,93%) |
| #e7eff8 |
rgb(231,239,248) |
hsl(213,54%,94%) |
| #ebf2f9 |
rgb(235,242,249) |
hsl(213,54%,95%) |
| #eff4fa |
rgb(239,244,250) |
hsl(213,54%,96%) |
| #f3f7fb |
rgb(243,247,251) |
hsl(213,54%,97%) |
| #f7fafd |
rgb(247,250,253) |
hsl(213,54%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(213,54%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3bc4b4 |
rgb(59,196,180) |
hsl(173,54%,50%) |
| #3b78c4 |
rgb(59,120,196) |
hsl(213,54%,50%) |
| #593bc4 |
rgb(89,59,196) |
hsl(253,54%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #79a3d6 |
rgb(121,163,214) |
hsl(213,53%,66%) |
| #5a8fcd |
rgb(90,143,205) |
hsl(212,53%,58%) |
| #3b78c4 |
rgb(59,120,196) |
hsl(213,54%,50%) |
| #3166a4 |
rgb(49,102,164) |
hsl(212,54%,42%) |
| #285285 |
rgb(40,82,133) |
hsl(213,54%,34%) |
| #1e3d65 |
rgb(30,61,101) |
hsl(214,54%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3b78c4 |
rgb(59,120,196) |
hsl(213,54%,50%) |
| #c4423b |
rgb(196,66,59) |
hsl(3,54%,50%) |
| #bcc43b |
rgb(188,196,59) |
hsl(64,54%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3b78c4 |
rgb(59,120,196) |
hsl(213,54%,50%) |
| #c4873b |
rgb(196,135,59) |
hsl(33,54%,50%) |
| #3bbdc4 |
rgb(59,189,196) |
hsl(183,54%,50%) |
| #bcc43b |
rgb(188,196,59) |
hsl(64,54%,50%) |
