Color HEX #397AC7, RGB(57,122,199)
Color name is Indigo. The color #397ac7 is a dark shade and moderately saturated.
Palette
397ac7 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(213,56%,1%) |
| #020508 |
rgb(2,5,8) |
hsl(213,56%,2%) |
| #03070c |
rgb(3,7,12) |
hsl(213,56%,3%) |
| #040a10 |
rgb(4,10,16) |
hsl(213,56%,4%) |
| #060c14 |
rgb(6,12,20) |
hsl(213,56%,5%) |
| #070e18 |
rgb(7,14,24) |
hsl(213,56%,6%) |
| #08111c |
rgb(8,17,28) |
hsl(213,56%,7%) |
| #091320 |
rgb(9,19,32) |
hsl(213,56%,8%) |
| #0a1624 |
rgb(10,22,36) |
hsl(213,56%,9%) |
| #0b1828 |
rgb(11,24,40) |
hsl(213,56%,10%) |
| #0c1a2c |
rgb(12,26,44) |
hsl(213,56%,11%) |
| #0d1d30 |
rgb(13,29,48) |
hsl(213,56%,12%) |
| #0f1f34 |
rgb(15,31,52) |
hsl(213,56%,13%) |
| #102238 |
rgb(16,34,56) |
hsl(213,56%,14%) |
| #11243c |
rgb(17,36,60) |
hsl(213,56%,15%) |
| #122740 |
rgb(18,39,64) |
hsl(213,56%,16%) |
| #132944 |
rgb(19,41,68) |
hsl(213,56%,17%) |
| #142b48 |
rgb(20,43,72) |
hsl(213,56%,18%) |
| #152e4c |
rgb(21,46,76) |
hsl(213,56%,19%) |
| #163050 |
rgb(22,48,80) |
hsl(213,56%,20%) |
| #183354 |
rgb(24,51,84) |
hsl(213,56%,21%) |
| #193558 |
rgb(25,53,88) |
hsl(213,56%,22%) |
| #1a375b |
rgb(26,55,91) |
hsl(213,56%,23%) |
| #1b3a5f |
rgb(27,58,95) |
hsl(213,56%,24%) |
| #1c3c63 |
rgb(28,60,99) |
hsl(213,56%,25%) |
| #1d3f67 |
rgb(29,63,103) |
hsl(213,56%,26%) |
| #1e416b |
rgb(30,65,107) |
hsl(213,56%,27%) |
| #1f436f |
rgb(31,67,111) |
hsl(213,56%,28%) |
| #214673 |
rgb(33,70,115) |
hsl(213,56%,29%) |
| #224877 |
rgb(34,72,119) |
hsl(213,56%,30%) |
| #234b7b |
rgb(35,75,123) |
hsl(213,56%,31%) |
| #244d7f |
rgb(36,77,127) |
hsl(213,56%,32%) |
| #254f83 |
rgb(37,79,131) |
hsl(213,56%,33%) |
| #265287 |
rgb(38,82,135) |
hsl(213,56%,34%) |
| #27548b |
rgb(39,84,139) |
hsl(213,56%,35%) |
| #28578f |
rgb(40,87,143) |
hsl(213,56%,36%) |
| #2a5993 |
rgb(42,89,147) |
hsl(213,56%,37%) |
| #2b5b97 |
rgb(43,91,151) |
hsl(213,56%,38%) |
| #2c5e9b |
rgb(44,94,155) |
hsl(213,56%,39%) |
| #2d609f |
rgb(45,96,159) |
hsl(213,56%,40%) |
| #2e63a3 |
rgb(46,99,163) |
hsl(213,56%,41%) |
| #2f65a7 |
rgb(47,101,167) |
hsl(213,56%,42%) |
| #3068ab |
rgb(48,104,171) |
hsl(213,56%,43%) |
| #316aaf |
rgb(49,106,175) |
hsl(213,56%,44%) |
| #326cb3 |
rgb(50,108,179) |
hsl(213,56%,45%) |
| #346fb7 |
rgb(52,111,183) |
hsl(213,56%,46%) |
| #3571bb |
rgb(53,113,187) |
hsl(213,56%,47%) |
| #3674bf |
rgb(54,116,191) |
hsl(213,56%,48%) |
| #3776c3 |
rgb(55,118,195) |
hsl(213,56%,49%) |
| #3878c7 |
rgb(56,120,199) |
hsl(213,56%,50%) |
| #3c7bc8 |
rgb(60,123,200) |
hsl(213,56%,51%) |
| #407ec9 |
rgb(64,126,201) |
hsl(213,56%,52%) |
| #4480ca |
rgb(68,128,202) |
hsl(213,56%,53%) |
| #4883cb |
rgb(72,131,203) |
hsl(213,56%,54%) |
| #4c86cd |
rgb(76,134,205) |
hsl(213,56%,55%) |
| #5089ce |
rgb(80,137,206) |
hsl(213,56%,56%) |
| #548bcf |
rgb(84,139,207) |
hsl(213,56%,57%) |
| #588ed0 |
rgb(88,142,208) |
hsl(213,56%,58%) |
| #5c91d1 |
rgb(92,145,209) |
hsl(213,56%,59%) |
| #6093d2 |
rgb(96,147,210) |
hsl(213,56%,60%) |
| #6496d3 |
rgb(100,150,211) |
hsl(213,56%,61%) |
| #6899d4 |
rgb(104,153,212) |
hsl(213,56%,62%) |
| #6c9bd5 |
rgb(108,155,213) |
hsl(213,56%,63%) |
| #709ed7 |
rgb(112,158,215) |
hsl(213,56%,64%) |
| #74a1d8 |
rgb(116,161,216) |
hsl(213,56%,65%) |
| #78a3d9 |
rgb(120,163,217) |
hsl(213,56%,66%) |
| #7ca6da |
rgb(124,166,218) |
hsl(213,56%,67%) |
| #80a9db |
rgb(128,169,219) |
hsl(213,56%,68%) |
| #84acdc |
rgb(132,172,220) |
hsl(213,56%,69%) |
| #88aedd |
rgb(136,174,221) |
hsl(213,56%,70%) |
| #8cb1de |
rgb(140,177,222) |
hsl(213,56%,71%) |
| #90b4e0 |
rgb(144,180,224) |
hsl(213,56%,72%) |
| #94b6e1 |
rgb(148,182,225) |
hsl(213,56%,73%) |
| #98b9e2 |
rgb(152,185,226) |
hsl(213,56%,74%) |
| #9cbce3 |
rgb(156,188,227) |
hsl(213,56%,75%) |
| #a0bee4 |
rgb(160,190,228) |
hsl(213,56%,76%) |
| #a4c1e5 |
rgb(164,193,229) |
hsl(213,56%,77%) |
| #a7c4e6 |
rgb(167,196,230) |
hsl(213,56%,78%) |
| #abc6e7 |
rgb(171,198,231) |
hsl(213,56%,79%) |
| #afc9e9 |
rgb(175,201,233) |
hsl(213,56%,80%) |
| #b3ccea |
rgb(179,204,234) |
hsl(213,56%,81%) |
| #b7cfeb |
rgb(183,207,235) |
hsl(213,56%,82%) |
| #bbd1ec |
rgb(187,209,236) |
hsl(213,56%,83%) |
| #bfd4ed |
rgb(191,212,237) |
hsl(213,56%,84%) |
| #c3d7ee |
rgb(195,215,238) |
hsl(213,56%,85%) |
| #c7d9ef |
rgb(199,217,239) |
hsl(213,56%,86%) |
| #cbdcf0 |
rgb(203,220,240) |
hsl(213,56%,87%) |
| #cfdff2 |
rgb(207,223,242) |
hsl(213,56%,88%) |
| #d3e1f3 |
rgb(211,225,243) |
hsl(213,56%,89%) |
| #d7e4f4 |
rgb(215,228,244) |
hsl(213,56%,90%) |
| #dbe7f5 |
rgb(219,231,245) |
hsl(213,56%,91%) |
| #dfe9f6 |
rgb(223,233,246) |
hsl(213,56%,92%) |
| #e3ecf7 |
rgb(227,236,247) |
hsl(213,56%,93%) |
| #e7eff8 |
rgb(231,239,248) |
hsl(213,56%,94%) |
| #ebf2f9 |
rgb(235,242,249) |
hsl(213,56%,95%) |
| #eff4fb |
rgb(239,244,251) |
hsl(213,56%,96%) |
| #f3f7fc |
rgb(243,247,252) |
hsl(213,56%,97%) |
| #f7fafd |
rgb(247,250,253) |
hsl(213,56%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(213,56%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #39c7b5 |
rgb(57,199,181) |
hsl(172,56%,50%) |
| #397ac7 |
rgb(57,122,199) |
hsl(213,56%,50%) |
| #5638c7 |
rgb(86,56,199) |
hsl(253,56%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #78a6d9 |
rgb(120,166,217) |
hsl(212,56%,66%) |
| #588fd0 |
rgb(88,143,208) |
hsl(213,56%,58%) |
| #397ac7 |
rgb(57,122,199) |
hsl(213,56%,50%) |
| #2f66a7 |
rgb(47,102,167) |
hsl(213,56%,42%) |
| #265487 |
rgb(38,84,135) |
hsl(212,56%,34%) |
| #1d4067 |
rgb(29,64,103) |
hsl(212,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #397ac7 |
rgb(57,122,199) |
hsl(213,56%,50%) |
| #c74039 |
rgb(199,64,57) |
hsl(3,56%,50%) |
| #c1c739 |
rgb(193,199,57) |
hsl(63,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #397ac7 |
rgb(57,122,199) |
hsl(213,56%,50%) |
| #c78739 |
rgb(199,135,57) |
hsl(33,56%,50%) |
| #39c2c7 |
rgb(57,194,199) |
hsl(182,56%,50%) |
| #c1c739 |
rgb(193,199,57) |
hsl(63,56%,50%) |
