Color HEX #3980C6, RGB(57,128,198)
Color name is Boston Blue. The color #3980c6 is a dark shade and moderately saturated.
Your selected color codes
Palette
3980c6 color palette from light to dark
| HEX |
RGB |
HSL |
| #010304 |
rgb(1,3,4) |
hsl(210,55%,1%) |
| #020508 |
rgb(2,5,8) |
hsl(210,55%,2%) |
| #03080c |
rgb(3,8,12) |
hsl(210,55%,3%) |
| #050a10 |
rgb(5,10,16) |
hsl(210,55%,4%) |
| #060d14 |
rgb(6,13,20) |
hsl(210,55%,5%) |
| #070f18 |
rgb(7,15,24) |
hsl(210,55%,6%) |
| #08121c |
rgb(8,18,28) |
hsl(210,55%,7%) |
| #091420 |
rgb(9,20,32) |
hsl(210,55%,8%) |
| #0a1724 |
rgb(10,23,36) |
hsl(210,55%,9%) |
| #0b1a28 |
rgb(11,26,40) |
hsl(210,55%,10%) |
| #0d1c2b |
rgb(13,28,43) |
hsl(210,55%,11%) |
| #0e1f2f |
rgb(14,31,47) |
hsl(210,55%,12%) |
| #0f2133 |
rgb(15,33,51) |
hsl(210,55%,13%) |
| #102437 |
rgb(16,36,55) |
hsl(210,55%,14%) |
| #11263b |
rgb(17,38,59) |
hsl(210,55%,15%) |
| #12293f |
rgb(18,41,63) |
hsl(210,55%,16%) |
| #142b43 |
rgb(20,43,67) |
hsl(210,55%,17%) |
| #152e47 |
rgb(21,46,71) |
hsl(210,55%,18%) |
| #16304b |
rgb(22,48,75) |
hsl(210,55%,19%) |
| #17334f |
rgb(23,51,79) |
hsl(210,55%,20%) |
| #183653 |
rgb(24,54,83) |
hsl(210,55%,21%) |
| #193857 |
rgb(25,56,87) |
hsl(210,55%,22%) |
| #1a3b5b |
rgb(26,59,91) |
hsl(210,55%,23%) |
| #1c3d5f |
rgb(28,61,95) |
hsl(210,55%,24%) |
| #1d4063 |
rgb(29,64,99) |
hsl(210,55%,25%) |
| #1e4267 |
rgb(30,66,103) |
hsl(210,55%,26%) |
| #1f456b |
rgb(31,69,107) |
hsl(210,55%,27%) |
| #20476f |
rgb(32,71,111) |
hsl(210,55%,28%) |
| #214a73 |
rgb(33,74,115) |
hsl(210,55%,29%) |
| #224d77 |
rgb(34,77,119) |
hsl(210,55%,30%) |
| #244f7b |
rgb(36,79,123) |
hsl(210,55%,31%) |
| #25527e |
rgb(37,82,126) |
hsl(210,55%,32%) |
| #265482 |
rgb(38,84,130) |
hsl(210,55%,33%) |
| #275786 |
rgb(39,87,134) |
hsl(210,55%,34%) |
| #28598a |
rgb(40,89,138) |
hsl(210,55%,35%) |
| #295c8e |
rgb(41,92,142) |
hsl(210,55%,36%) |
| #2a5e92 |
rgb(42,94,146) |
hsl(210,55%,37%) |
| #2c6196 |
rgb(44,97,150) |
hsl(210,55%,38%) |
| #2d639a |
rgb(45,99,154) |
hsl(210,55%,39%) |
| #2e669e |
rgb(46,102,158) |
hsl(210,55%,40%) |
| #2f69a2 |
rgb(47,105,162) |
hsl(210,55%,41%) |
| #306ba6 |
rgb(48,107,166) |
hsl(210,55%,42%) |
| #316eaa |
rgb(49,110,170) |
hsl(210,55%,43%) |
| #3270ae |
rgb(50,112,174) |
hsl(210,55%,44%) |
| #3473b2 |
rgb(52,115,178) |
hsl(210,55%,45%) |
| #3575b6 |
rgb(53,117,182) |
hsl(210,55%,46%) |
| #3678ba |
rgb(54,120,186) |
hsl(210,55%,47%) |
| #377abe |
rgb(55,122,190) |
hsl(210,55%,48%) |
| #387dc2 |
rgb(56,125,194) |
hsl(210,55%,49%) |
| #3980c6 |
rgb(57,128,198) |
hsl(210,55%,50%) |
| #3d82c7 |
rgb(61,130,199) |
hsl(210,55%,51%) |
| #4185c8 |
rgb(65,133,200) |
hsl(210,55%,52%) |
| #4587c9 |
rgb(69,135,201) |
hsl(210,55%,53%) |
| #498aca |
rgb(73,138,202) |
hsl(210,55%,54%) |
| #4d8ccb |
rgb(77,140,203) |
hsl(210,55%,55%) |
| #518fcd |
rgb(81,143,205) |
hsl(210,55%,56%) |
| #5591ce |
rgb(85,145,206) |
hsl(210,55%,57%) |
| #5994cf |
rgb(89,148,207) |
hsl(210,55%,58%) |
| #5d96d0 |
rgb(93,150,208) |
hsl(210,55%,59%) |
| #6199d1 |
rgb(97,153,209) |
hsl(210,55%,60%) |
| #659cd2 |
rgb(101,156,210) |
hsl(210,55%,61%) |
| #699ed3 |
rgb(105,158,211) |
hsl(210,55%,62%) |
| #6da1d5 |
rgb(109,161,213) |
hsl(210,55%,63%) |
| #71a3d6 |
rgb(113,163,214) |
hsl(210,55%,64%) |
| #75a6d7 |
rgb(117,166,215) |
hsl(210,55%,65%) |
| #79a8d8 |
rgb(121,168,216) |
hsl(210,55%,66%) |
| #7dabd9 |
rgb(125,171,217) |
hsl(210,55%,67%) |
| #81adda |
rgb(129,173,218) |
hsl(210,55%,68%) |
| #84b0db |
rgb(132,176,219) |
hsl(210,55%,69%) |
| #88b3dd |
rgb(136,179,221) |
hsl(210,55%,70%) |
| #8cb5de |
rgb(140,181,222) |
hsl(210,55%,71%) |
| #90b8df |
rgb(144,184,223) |
hsl(210,55%,72%) |
| #94bae0 |
rgb(148,186,224) |
hsl(210,55%,73%) |
| #98bde1 |
rgb(152,189,225) |
hsl(210,55%,74%) |
| #9cbfe2 |
rgb(156,191,226) |
hsl(210,55%,75%) |
| #a0c2e3 |
rgb(160,194,227) |
hsl(210,55%,76%) |
| #a4c4e5 |
rgb(164,196,229) |
hsl(210,55%,77%) |
| #a8c7e6 |
rgb(168,199,230) |
hsl(210,55%,78%) |
| #acc9e7 |
rgb(172,201,231) |
hsl(210,55%,79%) |
| #b0cce8 |
rgb(176,204,232) |
hsl(210,55%,80%) |
| #b4cfe9 |
rgb(180,207,233) |
hsl(210,55%,81%) |
| #b8d1ea |
rgb(184,209,234) |
hsl(210,55%,82%) |
| #bcd4eb |
rgb(188,212,235) |
hsl(210,55%,83%) |
| #c0d6ed |
rgb(192,214,237) |
hsl(210,55%,84%) |
| #c4d9ee |
rgb(196,217,238) |
hsl(210,55%,85%) |
| #c8dbef |
rgb(200,219,239) |
hsl(210,55%,86%) |
| #ccdef0 |
rgb(204,222,240) |
hsl(210,55%,87%) |
| #d0e0f1 |
rgb(208,224,241) |
hsl(210,55%,88%) |
| #d4e3f2 |
rgb(212,227,242) |
hsl(210,55%,89%) |
| #d7e6f4 |
rgb(215,230,244) |
hsl(210,55%,90%) |
| #dbe8f5 |
rgb(219,232,245) |
hsl(210,55%,91%) |
| #dfebf6 |
rgb(223,235,246) |
hsl(210,55%,92%) |
| #e3edf7 |
rgb(227,237,247) |
hsl(210,55%,93%) |
| #e7f0f8 |
rgb(231,240,248) |
hsl(210,55%,94%) |
| #ebf2f9 |
rgb(235,242,249) |
hsl(210,55%,95%) |
| #eff5fa |
rgb(239,245,250) |
hsl(210,55%,96%) |
| #f3f7fc |
rgb(243,247,252) |
hsl(210,55%,97%) |
| #f7fafd |
rgb(247,250,253) |
hsl(210,55%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(210,55%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #39c7ae |
rgb(57,199,174) |
hsl(169,56%,50%) |
| #3980c6 |
rgb(57,128,198) |
hsl(210,55%,50%) |
| #5038c6 |
rgb(80,56,198) |
hsl(250,56%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #78a8d8 |
rgb(120,168,216) |
hsl(210,55%,66%) |
| #5894cf |
rgb(88,148,207) |
hsl(210,55%,58%) |
| #3980c6 |
rgb(57,128,198) |
hsl(210,55%,50%) |
| #2f6ba6 |
rgb(47,107,166) |
hsl(210,56%,42%) |
| #265786 |
rgb(38,87,134) |
hsl(209,56%,34%) |
| #1d4266 |
rgb(29,66,102) |
hsl(210,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3980c6 |
rgb(57,128,198) |
hsl(210,55%,50%) |
| #c63839 |
rgb(198,56,57) |
hsl(360,56%,50%) |
| #c6c439 |
rgb(198,196,57) |
hsl(59,55%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3980c6 |
rgb(57,128,198) |
hsl(210,55%,50%) |
| #c68039 |
rgb(198,128,57) |
hsl(30,55%,50%) |
| #39c7c5 |
rgb(57,199,197) |
hsl(179,56%,50%) |
| #c6c439 |
rgb(198,196,57) |
hsl(59,55%,50%) |
