Color HEX #2B77D4, RGB(43,119,212)
Color name is Mariner. The color #2b77d4 is a dark shade and moderately saturated.
Your selected color codes
Palette
2b77d4 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(213,66%,1%) |
| #020508 |
rgb(2,5,8) |
hsl(213,66%,2%) |
| #03070d |
rgb(3,7,13) |
hsl(213,66%,3%) |
| #030a11 |
rgb(3,10,17) |
hsl(213,66%,4%) |
| #040c15 |
rgb(4,12,21) |
hsl(213,66%,5%) |
| #050e19 |
rgb(5,14,25) |
hsl(213,66%,6%) |
| #06111e |
rgb(6,17,30) |
hsl(213,66%,7%) |
| #071322 |
rgb(7,19,34) |
hsl(213,66%,8%) |
| #081526 |
rgb(8,21,38) |
hsl(213,66%,9%) |
| #09182a |
rgb(9,24,42) |
hsl(213,66%,10%) |
| #0a1a2f |
rgb(10,26,47) |
hsl(213,66%,11%) |
| #0a1d33 |
rgb(10,29,51) |
hsl(213,66%,12%) |
| #0b1f37 |
rgb(11,31,55) |
hsl(213,66%,13%) |
| #0c213b |
rgb(12,33,59) |
hsl(213,66%,14%) |
| #0d243f |
rgb(13,36,63) |
hsl(213,66%,15%) |
| #0f2848 |
rgb(15,40,72) |
hsl(213,66%,17%) |
| #102b4c |
rgb(16,43,76) |
hsl(213,66%,18%) |
| #102d50 |
rgb(16,45,80) |
hsl(213,66%,19%) |
| #113055 |
rgb(17,48,85) |
hsl(213,66%,20%) |
| #123259 |
rgb(18,50,89) |
hsl(213,66%,21%) |
| #13345d |
rgb(19,52,93) |
hsl(213,66%,22%) |
| #143761 |
rgb(20,55,97) |
hsl(213,66%,23%) |
| #153966 |
rgb(21,57,102) |
hsl(213,66%,24%) |
| #163c6a |
rgb(22,60,106) |
hsl(213,66%,25%) |
| #173e6e |
rgb(23,62,110) |
hsl(213,66%,26%) |
| #174072 |
rgb(23,64,114) |
hsl(213,66%,27%) |
| #184377 |
rgb(24,67,119) |
hsl(213,66%,28%) |
| #19457b |
rgb(25,69,123) |
hsl(213,66%,29%) |
| #1a477f |
rgb(26,71,127) |
hsl(213,66%,30%) |
| #1b4a83 |
rgb(27,74,131) |
hsl(213,66%,31%) |
| #1c4c87 |
rgb(28,76,135) |
hsl(213,66%,32%) |
| #1d4f8c |
rgb(29,79,140) |
hsl(213,66%,33%) |
| #1d5190 |
rgb(29,81,144) |
hsl(213,66%,34%) |
| #1e5394 |
rgb(30,83,148) |
hsl(213,66%,35%) |
| #1f5698 |
rgb(31,86,152) |
hsl(213,66%,36%) |
| #20589d |
rgb(32,88,157) |
hsl(213,66%,37%) |
| #215ba1 |
rgb(33,91,161) |
hsl(213,66%,38%) |
| #225da5 |
rgb(34,93,165) |
hsl(213,66%,39%) |
| #235fa9 |
rgb(35,95,169) |
hsl(213,66%,40%) |
| #2462ae |
rgb(36,98,174) |
hsl(213,66%,41%) |
| #2464b2 |
rgb(36,100,178) |
hsl(213,66%,42%) |
| #2566b6 |
rgb(37,102,182) |
hsl(213,66%,43%) |
| #2669ba |
rgb(38,105,186) |
hsl(213,66%,44%) |
| #276bbe |
rgb(39,107,190) |
hsl(213,66%,45%) |
| #286ec3 |
rgb(40,110,195) |
hsl(213,66%,46%) |
| #2970c7 |
rgb(41,112,199) |
hsl(213,66%,47%) |
| #2a72cb |
rgb(42,114,203) |
hsl(213,66%,48%) |
| #2a75cf |
rgb(42,117,207) |
hsl(213,66%,49%) |
| #2b77d4 |
rgb(43,119,212) |
hsl(213,66%,50%) |
| #307ad5 |
rgb(48,122,213) |
hsl(213,66%,51%) |
| #347dd5 |
rgb(52,125,213) |
hsl(213,66%,52%) |
| #387fd6 |
rgb(56,127,214) |
hsl(213,66%,53%) |
| #3c82d7 |
rgb(60,130,215) |
hsl(213,66%,54%) |
| #4185d8 |
rgb(65,133,216) |
hsl(213,66%,55%) |
| #4587d9 |
rgb(69,135,217) |
hsl(213,66%,56%) |
| #498ada |
rgb(73,138,218) |
hsl(213,66%,57%) |
| #4d8ddb |
rgb(77,141,219) |
hsl(213,66%,58%) |
| #5190db |
rgb(81,144,219) |
hsl(213,66%,59%) |
| #5692dc |
rgb(86,146,220) |
hsl(213,66%,60%) |
| #5a95dd |
rgb(90,149,221) |
hsl(213,66%,61%) |
| #5e98de |
rgb(94,152,222) |
hsl(213,66%,62%) |
| #629adf |
rgb(98,154,223) |
hsl(213,66%,63%) |
| #679de0 |
rgb(103,157,224) |
hsl(213,66%,64%) |
| #6ba0e1 |
rgb(107,160,225) |
hsl(213,66%,65%) |
| #6fa3e2 |
rgb(111,163,226) |
hsl(213,66%,66%) |
| #73a5e2 |
rgb(115,165,226) |
hsl(213,66%,67%) |
| #78a8e3 |
rgb(120,168,227) |
hsl(213,66%,68%) |
| #7cabe4 |
rgb(124,171,228) |
hsl(213,66%,69%) |
| #80ade5 |
rgb(128,173,229) |
hsl(213,66%,70%) |
| #84b0e6 |
rgb(132,176,230) |
hsl(213,66%,71%) |
| #88b3e7 |
rgb(136,179,231) |
hsl(213,66%,72%) |
| #8db6e8 |
rgb(141,182,232) |
hsl(213,66%,73%) |
| #91b8e8 |
rgb(145,184,232) |
hsl(213,66%,74%) |
| #95bbe9 |
rgb(149,187,233) |
hsl(213,66%,75%) |
| #99beea |
rgb(153,190,234) |
hsl(213,66%,76%) |
| #9ec0eb |
rgb(158,192,235) |
hsl(213,66%,77%) |
| #a2c3ec |
rgb(162,195,236) |
hsl(213,66%,78%) |
| #a6c6ed |
rgb(166,198,237) |
hsl(213,66%,79%) |
| #aac9ee |
rgb(170,201,238) |
hsl(213,66%,80%) |
| #afcbef |
rgb(175,203,239) |
hsl(213,66%,81%) |
| #b3ceef |
rgb(179,206,239) |
hsl(213,66%,82%) |
| #b7d1f0 |
rgb(183,209,240) |
hsl(213,66%,83%) |
| #bbd4f1 |
rgb(187,212,241) |
hsl(213,66%,84%) |
| #c0d6f2 |
rgb(192,214,242) |
hsl(213,66%,85%) |
| #c4d9f3 |
rgb(196,217,243) |
hsl(213,66%,86%) |
| #c8dcf4 |
rgb(200,220,244) |
hsl(213,66%,87%) |
| #ccdef5 |
rgb(204,222,245) |
hsl(213,66%,88%) |
| #d0e1f5 |
rgb(208,225,245) |
hsl(213,66%,89%) |
| #d5e4f6 |
rgb(213,228,246) |
hsl(213,66%,90%) |
| #d9e7f7 |
rgb(217,231,247) |
hsl(213,66%,91%) |
| #dde9f8 |
rgb(221,233,248) |
hsl(213,66%,92%) |
| #e1ecf9 |
rgb(225,236,249) |
hsl(213,66%,93%) |
| #e6effa |
rgb(230,239,250) |
hsl(213,66%,94%) |
| #eaf1fb |
rgb(234,241,251) |
hsl(213,66%,95%) |
| #eef4fc |
rgb(238,244,252) |
hsl(213,66%,96%) |
| #f2f7fc |
rgb(242,247,252) |
hsl(213,66%,97%) |
| #f7fafd |
rgb(247,250,253) |
hsl(213,66%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(213,66%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #2bd4c0 |
rgb(43,212,192) |
hsl(173,66%,50%) |
| #2b77d4 |
rgb(43,119,212) |
hsl(213,66%,50%) |
| #4f2bd4 |
rgb(79,43,212) |
hsl(253,66%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #6ea3e1 |
rgb(110,163,225) |
hsl(212,66%,66%) |
| #4c8cda |
rgb(76,140,218) |
hsl(213,66%,58%) |
| #2b77d4 |
rgb(43,119,212) |
hsl(213,66%,50%) |
| #2463b2 |
rgb(36,99,178) |
hsl(213,66%,42%) |
| #1d5290 |
rgb(29,82,144) |
hsl(212,66%,34%) |
| #163d6e |
rgb(22,61,110) |
hsl(213,67%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2b77d4 |
rgb(43,119,212) |
hsl(213,66%,50%) |
| #d4332b |
rgb(212,51,43) |
hsl(3,66%,50%) |
| #cbd42b |
rgb(203,212,43) |
hsl(63,66%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2b77d4 |
rgb(43,119,212) |
hsl(213,66%,50%) |
| #d4872b |
rgb(212,135,43) |
hsl(33,66%,50%) |
| #2bccd4 |
rgb(43,204,212) |
hsl(183,66%,50%) |
| #cbd42b |
rgb(203,212,43) |
hsl(63,66%,50%) |
