Color HEX #2871D7, RGB(40,113,215)
Color name is Mariner. The color #2871d7 is a dark shade and highly saturated.
Your selected color codes
Palette
2871d7 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(215,69%,1%) |
| #020509 |
rgb(2,5,9) |
hsl(215,69%,2%) |
| #02070d |
rgb(2,7,13) |
hsl(215,69%,3%) |
| #030911 |
rgb(3,9,17) |
hsl(215,69%,4%) |
| #040b16 |
rgb(4,11,22) |
hsl(215,69%,5%) |
| #050e1a |
rgb(5,14,26) |
hsl(215,69%,6%) |
| #06101e |
rgb(6,16,30) |
hsl(215,69%,7%) |
| #061222 |
rgb(6,18,34) |
hsl(215,69%,8%) |
| #071427 |
rgb(7,20,39) |
hsl(215,69%,9%) |
| #08172b |
rgb(8,23,43) |
hsl(215,69%,10%) |
| #09192f |
rgb(9,25,47) |
hsl(215,69%,11%) |
| #091b34 |
rgb(9,27,52) |
hsl(215,69%,12%) |
| #0a1d38 |
rgb(10,29,56) |
hsl(215,69%,13%) |
| #0b203c |
rgb(11,32,60) |
hsl(215,69%,14%) |
| #0c2241 |
rgb(12,34,65) |
hsl(215,69%,15%) |
| #0d2445 |
rgb(13,36,69) |
hsl(215,69%,16%) |
| #0d2649 |
rgb(13,38,73) |
hsl(215,69%,17%) |
| #0e294e |
rgb(14,41,78) |
hsl(215,69%,18%) |
| #0f2b52 |
rgb(15,43,82) |
hsl(215,69%,19%) |
| #102d56 |
rgb(16,45,86) |
hsl(215,69%,20%) |
| #112f5a |
rgb(17,47,90) |
hsl(215,69%,21%) |
| #11325f |
rgb(17,50,95) |
hsl(215,69%,22%) |
| #123463 |
rgb(18,52,99) |
hsl(215,69%,23%) |
| #133667 |
rgb(19,54,103) |
hsl(215,69%,24%) |
| #14386c |
rgb(20,56,108) |
hsl(215,69%,25%) |
| #153b70 |
rgb(21,59,112) |
hsl(215,69%,26%) |
| #153d74 |
rgb(21,61,116) |
hsl(215,69%,27%) |
| #163f79 |
rgb(22,63,121) |
hsl(215,69%,28%) |
| #17417d |
rgb(23,65,125) |
hsl(215,69%,29%) |
| #184481 |
rgb(24,68,129) |
hsl(215,69%,30%) |
| #194686 |
rgb(25,70,134) |
hsl(215,69%,31%) |
| #19488a |
rgb(25,72,138) |
hsl(215,69%,32%) |
| #1a4a8e |
rgb(26,74,142) |
hsl(215,69%,33%) |
| #1b4d93 |
rgb(27,77,147) |
hsl(215,69%,34%) |
| #1c4f97 |
rgb(28,79,151) |
hsl(215,69%,35%) |
| #1c519b |
rgb(28,81,155) |
hsl(215,69%,36%) |
| #1d539f |
rgb(29,83,159) |
hsl(215,69%,37%) |
| #1e56a4 |
rgb(30,86,164) |
hsl(215,69%,38%) |
| #1f58a8 |
rgb(31,88,168) |
hsl(215,69%,39%) |
| #205aac |
rgb(32,90,172) |
hsl(215,69%,40%) |
| #205db1 |
rgb(32,93,177) |
hsl(215,69%,41%) |
| #215fb5 |
rgb(33,95,181) |
hsl(215,69%,42%) |
| #2261b9 |
rgb(34,97,185) |
hsl(215,69%,43%) |
| #2363be |
rgb(35,99,190) |
hsl(215,69%,44%) |
| #2466c2 |
rgb(36,102,194) |
hsl(215,69%,45%) |
| #2468c6 |
rgb(36,104,198) |
hsl(215,69%,46%) |
| #256acb |
rgb(37,106,203) |
hsl(215,69%,47%) |
| #266ccf |
rgb(38,108,207) |
hsl(215,69%,48%) |
| #276fd3 |
rgb(39,111,211) |
hsl(215,69%,49%) |
| #2871d7 |
rgb(40,113,215) |
hsl(215,69%,50%) |
| #2c74d8 |
rgb(44,116,216) |
hsl(215,69%,51%) |
| #3077d9 |
rgb(48,119,217) |
hsl(215,69%,52%) |
| #3479da |
rgb(52,121,218) |
hsl(215,69%,53%) |
| #397cdb |
rgb(57,124,219) |
hsl(215,69%,54%) |
| #3d7fdb |
rgb(61,127,219) |
hsl(215,69%,55%) |
| #4182dc |
rgb(65,130,220) |
hsl(215,69%,56%) |
| #4685dd |
rgb(70,133,221) |
hsl(215,69%,57%) |
| #4a88de |
rgb(74,136,222) |
hsl(215,69%,58%) |
| #4e8adf |
rgb(78,138,223) |
hsl(215,69%,59%) |
| #538ddf |
rgb(83,141,223) |
hsl(215,69%,60%) |
| #5790e0 |
rgb(87,144,224) |
hsl(215,69%,61%) |
| #5b93e1 |
rgb(91,147,225) |
hsl(215,69%,62%) |
| #6096e2 |
rgb(96,150,226) |
hsl(215,69%,63%) |
| #6499e3 |
rgb(100,153,227) |
hsl(215,69%,64%) |
| #689be3 |
rgb(104,155,227) |
hsl(215,69%,65%) |
| #6c9ee4 |
rgb(108,158,228) |
hsl(215,69%,66%) |
| #71a1e5 |
rgb(113,161,229) |
hsl(215,69%,67%) |
| #75a4e6 |
rgb(117,164,230) |
hsl(215,69%,68%) |
| #79a7e6 |
rgb(121,167,230) |
hsl(215,69%,69%) |
| #7eaae7 |
rgb(126,170,231) |
hsl(215,69%,70%) |
| #82ade8 |
rgb(130,173,232) |
hsl(215,69%,71%) |
| #86afe9 |
rgb(134,175,233) |
hsl(215,69%,72%) |
| #8bb2ea |
rgb(139,178,234) |
hsl(215,69%,73%) |
| #8fb5ea |
rgb(143,181,234) |
hsl(215,69%,74%) |
| #93b8eb |
rgb(147,184,235) |
hsl(215,69%,75%) |
| #98bbec |
rgb(152,187,236) |
hsl(215,69%,76%) |
| #9cbeed |
rgb(156,190,237) |
hsl(215,69%,77%) |
| #a0c0ee |
rgb(160,192,238) |
hsl(215,69%,78%) |
| #a5c3ee |
rgb(165,195,238) |
hsl(215,69%,79%) |
| #a9c6ef |
rgb(169,198,239) |
hsl(215,69%,80%) |
| #adc9f0 |
rgb(173,201,240) |
hsl(215,69%,81%) |
| #b1ccf1 |
rgb(177,204,241) |
hsl(215,69%,82%) |
| #b6cff2 |
rgb(182,207,242) |
hsl(215,69%,83%) |
| #bad2f2 |
rgb(186,210,242) |
hsl(215,69%,84%) |
| #bed4f3 |
rgb(190,212,243) |
hsl(215,69%,85%) |
| #c3d7f4 |
rgb(195,215,244) |
hsl(215,69%,86%) |
| #c7daf5 |
rgb(199,218,245) |
hsl(215,69%,87%) |
| #cbddf6 |
rgb(203,221,246) |
hsl(215,69%,88%) |
| #d0e0f6 |
rgb(208,224,246) |
hsl(215,69%,89%) |
| #d4e3f7 |
rgb(212,227,247) |
hsl(215,69%,90%) |
| #d8e5f8 |
rgb(216,229,248) |
hsl(215,69%,91%) |
| #dde8f9 |
rgb(221,232,249) |
hsl(215,69%,92%) |
| #e1ebf9 |
rgb(225,235,249) |
hsl(215,69%,93%) |
| #e5eefa |
rgb(229,238,250) |
hsl(215,69%,94%) |
| #e9f1fb |
rgb(233,241,251) |
hsl(215,69%,95%) |
| #eef4fc |
rgb(238,244,252) |
hsl(215,69%,96%) |
| #f2f6fd |
rgb(242,246,253) |
hsl(215,69%,97%) |
| #f6f9fd |
rgb(246,249,253) |
hsl(215,69%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(215,69%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #28d6c8 |
rgb(40,214,200) |
hsl(175,69%,50%) |
| #2871d7 |
rgb(40,113,215) |
hsl(215,69%,50%) |
| #5329d7 |
rgb(83,41,215) |
hsl(254,69%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #6c9ee3 |
rgb(108,158,227) |
hsl(215,68%,66%) |
| #4a87dd |
rgb(74,135,221) |
hsl(215,68%,58%) |
| #2871d7 |
rgb(40,113,215) |
hsl(215,69%,50%) |
| #215eb4 |
rgb(33,94,180) |
hsl(215,69%,42%) |
| #1b4d92 |
rgb(27,77,146) |
hsl(215,69%,34%) |
| #143b6f |
rgb(20,59,111) |
hsl(214,69%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2871d7 |
rgb(40,113,215) |
hsl(215,69%,50%) |
| #d73628 |
rgb(215,54,40) |
hsl(5,69%,50%) |
| #c8d628 |
rgb(200,214,40) |
hsl(65,69%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2871d7 |
rgb(40,113,215) |
hsl(215,69%,50%) |
| #d78f28 |
rgb(215,143,40) |
hsl(35,69%,50%) |
| #28c9d7 |
rgb(40,201,215) |
hsl(185,69%,50%) |
| #c8d628 |
rgb(200,214,40) |
hsl(65,69%,50%) |
