Color HEX #397DC6, RGB(57,125,198)
Color name is Boston Blue. The color #397dc6 is a dark shade and moderately saturated.
Palette
397dc6 color palette from light to dark
| HEX |
RGB |
HSL |
| #010304 |
rgb(1,3,4) |
hsl(211,55%,1%) |
| #020508 |
rgb(2,5,8) |
hsl(211,55%,2%) |
| #03080c |
rgb(3,8,12) |
hsl(211,55%,3%) |
| #050a10 |
rgb(5,10,16) |
hsl(211,55%,4%) |
| #060d14 |
rgb(6,13,20) |
hsl(211,55%,5%) |
| #070f18 |
rgb(7,15,24) |
hsl(211,55%,6%) |
| #08121c |
rgb(8,18,28) |
hsl(211,55%,7%) |
| #091420 |
rgb(9,20,32) |
hsl(211,55%,8%) |
| #0a1724 |
rgb(10,23,36) |
hsl(211,55%,9%) |
| #0b1928 |
rgb(11,25,40) |
hsl(211,55%,10%) |
| #0d1c2b |
rgb(13,28,43) |
hsl(211,55%,11%) |
| #0e1e2f |
rgb(14,30,47) |
hsl(211,55%,12%) |
| #0f2133 |
rgb(15,33,51) |
hsl(211,55%,13%) |
| #102337 |
rgb(16,35,55) |
hsl(211,55%,14%) |
| #11263b |
rgb(17,38,59) |
hsl(211,55%,15%) |
| #12283f |
rgb(18,40,63) |
hsl(211,55%,16%) |
| #142b43 |
rgb(20,43,67) |
hsl(211,55%,17%) |
| #152d47 |
rgb(21,45,71) |
hsl(211,55%,18%) |
| #16304b |
rgb(22,48,75) |
hsl(211,55%,19%) |
| #17324f |
rgb(23,50,79) |
hsl(211,55%,20%) |
| #183553 |
rgb(24,53,83) |
hsl(211,55%,21%) |
| #193757 |
rgb(25,55,87) |
hsl(211,55%,22%) |
| #1a3a5b |
rgb(26,58,91) |
hsl(211,55%,23%) |
| #1c3c5f |
rgb(28,60,95) |
hsl(211,55%,24%) |
| #1d3f63 |
rgb(29,63,99) |
hsl(211,55%,25%) |
| #1e4167 |
rgb(30,65,103) |
hsl(211,55%,26%) |
| #1f446b |
rgb(31,68,107) |
hsl(211,55%,27%) |
| #20466f |
rgb(32,70,111) |
hsl(211,55%,28%) |
| #214973 |
rgb(33,73,115) |
hsl(211,55%,29%) |
| #224b77 |
rgb(34,75,119) |
hsl(211,55%,30%) |
| #244e7b |
rgb(36,78,123) |
hsl(211,55%,31%) |
| #25507e |
rgb(37,80,126) |
hsl(211,55%,32%) |
| #265382 |
rgb(38,83,130) |
hsl(211,55%,33%) |
| #275586 |
rgb(39,85,134) |
hsl(211,55%,34%) |
| #28588a |
rgb(40,88,138) |
hsl(211,55%,35%) |
| #295a8e |
rgb(41,90,142) |
hsl(211,55%,36%) |
| #2a5d92 |
rgb(42,93,146) |
hsl(211,55%,37%) |
| #2c5f96 |
rgb(44,95,150) |
hsl(211,55%,38%) |
| #2d629a |
rgb(45,98,154) |
hsl(211,55%,39%) |
| #2e649e |
rgb(46,100,158) |
hsl(211,55%,40%) |
| #2f67a2 |
rgb(47,103,162) |
hsl(211,55%,41%) |
| #3069a6 |
rgb(48,105,166) |
hsl(211,55%,42%) |
| #316caa |
rgb(49,108,170) |
hsl(211,55%,43%) |
| #326eae |
rgb(50,110,174) |
hsl(211,55%,44%) |
| #3471b2 |
rgb(52,113,178) |
hsl(211,55%,45%) |
| #3573b6 |
rgb(53,115,182) |
hsl(211,55%,46%) |
| #3676ba |
rgb(54,118,186) |
hsl(211,55%,47%) |
| #3778be |
rgb(55,120,190) |
hsl(211,55%,48%) |
| #387bc2 |
rgb(56,123,194) |
hsl(211,55%,49%) |
| #397dc6 |
rgb(57,125,198) |
hsl(211,55%,50%) |
| #3d80c7 |
rgb(61,128,199) |
hsl(211,55%,51%) |
| #4182c8 |
rgb(65,130,200) |
hsl(211,55%,52%) |
| #4585c9 |
rgb(69,133,201) |
hsl(211,55%,53%) |
| #4988ca |
rgb(73,136,202) |
hsl(211,55%,54%) |
| #4d8acb |
rgb(77,138,203) |
hsl(211,55%,55%) |
| #518dcd |
rgb(81,141,205) |
hsl(211,55%,56%) |
| #558fce |
rgb(85,143,206) |
hsl(211,55%,57%) |
| #5992cf |
rgb(89,146,207) |
hsl(211,55%,58%) |
| #5d95d0 |
rgb(93,149,208) |
hsl(211,55%,59%) |
| #6197d1 |
rgb(97,151,209) |
hsl(211,55%,60%) |
| #659ad2 |
rgb(101,154,210) |
hsl(211,55%,61%) |
| #699cd3 |
rgb(105,156,211) |
hsl(211,55%,62%) |
| #6d9fd5 |
rgb(109,159,213) |
hsl(211,55%,63%) |
| #71a2d6 |
rgb(113,162,214) |
hsl(211,55%,64%) |
| #75a4d7 |
rgb(117,164,215) |
hsl(211,55%,65%) |
| #79a7d8 |
rgb(121,167,216) |
hsl(211,55%,66%) |
| #7da9d9 |
rgb(125,169,217) |
hsl(211,55%,67%) |
| #81acda |
rgb(129,172,218) |
hsl(211,55%,68%) |
| #84afdb |
rgb(132,175,219) |
hsl(211,55%,69%) |
| #88b1dd |
rgb(136,177,221) |
hsl(211,55%,70%) |
| #8cb4de |
rgb(140,180,222) |
hsl(211,55%,71%) |
| #90b6df |
rgb(144,182,223) |
hsl(211,55%,72%) |
| #94b9e0 |
rgb(148,185,224) |
hsl(211,55%,73%) |
| #98bbe1 |
rgb(152,187,225) |
hsl(211,55%,74%) |
| #9cbee2 |
rgb(156,190,226) |
hsl(211,55%,75%) |
| #a0c1e3 |
rgb(160,193,227) |
hsl(211,55%,76%) |
| #a4c3e5 |
rgb(164,195,229) |
hsl(211,55%,77%) |
| #a8c6e6 |
rgb(168,198,230) |
hsl(211,55%,78%) |
| #acc8e7 |
rgb(172,200,231) |
hsl(211,55%,79%) |
| #b0cbe8 |
rgb(176,203,232) |
hsl(211,55%,80%) |
| #b4cee9 |
rgb(180,206,233) |
hsl(211,55%,81%) |
| #b8d0ea |
rgb(184,208,234) |
hsl(211,55%,82%) |
| #bcd3eb |
rgb(188,211,235) |
hsl(211,55%,83%) |
| #c0d5ed |
rgb(192,213,237) |
hsl(211,55%,84%) |
| #c4d8ee |
rgb(196,216,238) |
hsl(211,55%,85%) |
| #c8dbef |
rgb(200,219,239) |
hsl(211,55%,86%) |
| #ccddf0 |
rgb(204,221,240) |
hsl(211,55%,87%) |
| #d0e0f1 |
rgb(208,224,241) |
hsl(211,55%,88%) |
| #d4e2f2 |
rgb(212,226,242) |
hsl(211,55%,89%) |
| #d7e5f4 |
rgb(215,229,244) |
hsl(211,55%,90%) |
| #dbe8f5 |
rgb(219,232,245) |
hsl(211,55%,91%) |
| #dfeaf6 |
rgb(223,234,246) |
hsl(211,55%,92%) |
| #e3edf7 |
rgb(227,237,247) |
hsl(211,55%,93%) |
| #e7eff8 |
rgb(231,239,248) |
hsl(211,55%,94%) |
| #ebf2f9 |
rgb(235,242,249) |
hsl(211,55%,95%) |
| #eff5fa |
rgb(239,245,250) |
hsl(211,55%,96%) |
| #f3f7fc |
rgb(243,247,252) |
hsl(211,55%,97%) |
| #f7fafd |
rgb(247,250,253) |
hsl(211,55%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(211,55%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #39c7b1 |
rgb(57,199,177) |
hsl(171,56%,50%) |
| #397dc6 |
rgb(57,125,198) |
hsl(211,55%,50%) |
| #5338c6 |
rgb(83,56,198) |
hsl(251,56%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #78a6d8 |
rgb(120,166,216) |
hsl(211,55%,66%) |
| #5891cf |
rgb(88,145,207) |
hsl(211,55%,58%) |
| #397dc6 |
rgb(57,125,198) |
hsl(211,55%,50%) |
| #2f69a6 |
rgb(47,105,166) |
hsl(211,56%,42%) |
| #265486 |
rgb(38,84,134) |
hsl(211,56%,34%) |
| #1d4066 |
rgb(29,64,102) |
hsl(211,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #397dc6 |
rgb(57,125,198) |
hsl(211,55%,50%) |
| #c63b39 |
rgb(198,59,57) |
hsl(1,55%,50%) |
| #c3c739 |
rgb(195,199,57) |
hsl(62,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #397dc6 |
rgb(57,125,198) |
hsl(211,55%,50%) |
| #c68239 |
rgb(198,130,57) |
hsl(31,55%,50%) |
| #39c4c6 |
rgb(57,196,198) |
hsl(181,55%,50%) |
| #c3c739 |
rgb(195,199,57) |
hsl(62,56%,50%) |
