Color HEX #2E77D1, RGB(46,119,209)
Color name is Mariner. The color #2e77d1 is a dark shade and moderately saturated.
Your selected color codes
Palette
2e77d1 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(213,64%,1%) |
| #020508 |
rgb(2,5,8) |
hsl(213,64%,2%) |
| #03070d |
rgb(3,7,13) |
hsl(213,64%,3%) |
| #040a11 |
rgb(4,10,17) |
hsl(213,64%,4%) |
| #050c15 |
rgb(5,12,21) |
hsl(213,64%,5%) |
| #060e19 |
rgb(6,14,25) |
hsl(213,64%,6%) |
| #06111d |
rgb(6,17,29) |
hsl(213,64%,7%) |
| #071321 |
rgb(7,19,33) |
hsl(213,64%,8%) |
| #081526 |
rgb(8,21,38) |
hsl(213,64%,9%) |
| #09182a |
rgb(9,24,42) |
hsl(213,64%,10%) |
| #0a1a2e |
rgb(10,26,46) |
hsl(213,64%,11%) |
| #0b1d32 |
rgb(11,29,50) |
hsl(213,64%,12%) |
| #0c1f36 |
rgb(12,31,54) |
hsl(213,64%,13%) |
| #0d213b |
rgb(13,33,59) |
hsl(213,64%,14%) |
| #0e243f |
rgb(14,36,63) |
hsl(213,64%,15%) |
| #0f2643 |
rgb(15,38,67) |
hsl(213,64%,16%) |
| #102947 |
rgb(16,41,71) |
hsl(213,64%,17%) |
| #112b4b |
rgb(17,43,75) |
hsl(213,64%,18%) |
| #112d4f |
rgb(17,45,79) |
hsl(213,64%,19%) |
| #123054 |
rgb(18,48,84) |
hsl(213,64%,20%) |
| #133258 |
rgb(19,50,88) |
hsl(213,64%,21%) |
| #14355c |
rgb(20,53,92) |
hsl(213,64%,22%) |
| #153760 |
rgb(21,55,96) |
hsl(213,64%,23%) |
| #163964 |
rgb(22,57,100) |
hsl(213,64%,24%) |
| #173c69 |
rgb(23,60,105) |
hsl(213,64%,25%) |
| #183e6d |
rgb(24,62,109) |
hsl(213,64%,26%) |
| #194071 |
rgb(25,64,113) |
hsl(213,64%,27%) |
| #1a4375 |
rgb(26,67,117) |
hsl(213,64%,28%) |
| #1b4579 |
rgb(27,69,121) |
hsl(213,64%,29%) |
| #1c487d |
rgb(28,72,125) |
hsl(213,64%,30%) |
| #1c4a82 |
rgb(28,74,130) |
hsl(213,64%,31%) |
| #1d4c86 |
rgb(29,76,134) |
hsl(213,64%,32%) |
| #1e4f8a |
rgb(30,79,138) |
hsl(213,64%,33%) |
| #1f518e |
rgb(31,81,142) |
hsl(213,64%,34%) |
| #205492 |
rgb(32,84,146) |
hsl(213,64%,35%) |
| #215697 |
rgb(33,86,151) |
hsl(213,64%,36%) |
| #22589b |
rgb(34,88,155) |
hsl(213,64%,37%) |
| #235b9f |
rgb(35,91,159) |
hsl(213,64%,38%) |
| #245da3 |
rgb(36,93,163) |
hsl(213,64%,39%) |
| #255fa7 |
rgb(37,95,167) |
hsl(213,64%,40%) |
| #2662ab |
rgb(38,98,171) |
hsl(213,64%,41%) |
| #2764b0 |
rgb(39,100,176) |
hsl(213,64%,42%) |
| #2767b4 |
rgb(39,103,180) |
hsl(213,64%,43%) |
| #2869b8 |
rgb(40,105,184) |
hsl(213,64%,44%) |
| #296bbc |
rgb(41,107,188) |
hsl(213,64%,45%) |
| #2a6ec0 |
rgb(42,110,192) |
hsl(213,64%,46%) |
| #2b70c5 |
rgb(43,112,197) |
hsl(213,64%,47%) |
| #2c73c9 |
rgb(44,115,201) |
hsl(213,64%,48%) |
| #2d75cd |
rgb(45,117,205) |
hsl(213,64%,49%) |
| #2e77d1 |
rgb(46,119,209) |
hsl(213,64%,50%) |
| #327ad2 |
rgb(50,122,210) |
hsl(213,64%,51%) |
| #367dd3 |
rgb(54,125,211) |
hsl(213,64%,52%) |
| #3a7fd4 |
rgb(58,127,212) |
hsl(213,64%,53%) |
| #3f82d5 |
rgb(63,130,213) |
hsl(213,64%,54%) |
| #4385d6 |
rgb(67,133,214) |
hsl(213,64%,55%) |
| #4788d7 |
rgb(71,136,215) |
hsl(213,64%,56%) |
| #4b8ad8 |
rgb(75,138,216) |
hsl(213,64%,57%) |
| #4f8dd8 |
rgb(79,141,216) |
hsl(213,64%,58%) |
| #5490d9 |
rgb(84,144,217) |
hsl(213,64%,59%) |
| #5892da |
rgb(88,146,218) |
hsl(213,64%,60%) |
| #5c95db |
rgb(92,149,219) |
hsl(213,64%,61%) |
| #6098dc |
rgb(96,152,220) |
hsl(213,64%,62%) |
| #649bdd |
rgb(100,155,221) |
hsl(213,64%,63%) |
| #689dde |
rgb(104,157,222) |
hsl(213,64%,64%) |
| #6da0df |
rgb(109,160,223) |
hsl(213,64%,65%) |
| #71a3e0 |
rgb(113,163,224) |
hsl(213,64%,66%) |
| #75a5e1 |
rgb(117,165,225) |
hsl(213,64%,67%) |
| #79a8e2 |
rgb(121,168,226) |
hsl(213,64%,68%) |
| #7dabe3 |
rgb(125,171,227) |
hsl(213,64%,69%) |
| #82aee3 |
rgb(130,174,227) |
hsl(213,64%,70%) |
| #86b0e4 |
rgb(134,176,228) |
hsl(213,64%,71%) |
| #8ab3e5 |
rgb(138,179,229) |
hsl(213,64%,72%) |
| #8eb6e6 |
rgb(142,182,230) |
hsl(213,64%,73%) |
| #92b8e7 |
rgb(146,184,231) |
hsl(213,64%,74%) |
| #96bbe8 |
rgb(150,187,232) |
hsl(213,64%,75%) |
| #9bbee9 |
rgb(155,190,233) |
hsl(213,64%,76%) |
| #9fc1ea |
rgb(159,193,234) |
hsl(213,64%,77%) |
| #a3c3eb |
rgb(163,195,235) |
hsl(213,64%,78%) |
| #a7c6ec |
rgb(167,198,236) |
hsl(213,64%,79%) |
| #abc9ed |
rgb(171,201,237) |
hsl(213,64%,80%) |
| #b0cbee |
rgb(176,203,238) |
hsl(213,64%,81%) |
| #b4ceee |
rgb(180,206,238) |
hsl(213,64%,82%) |
| #b8d1ef |
rgb(184,209,239) |
hsl(213,64%,83%) |
| #bcd4f0 |
rgb(188,212,240) |
hsl(213,64%,84%) |
| #c0d6f1 |
rgb(192,214,241) |
hsl(213,64%,85%) |
| #c4d9f2 |
rgb(196,217,242) |
hsl(213,64%,86%) |
| #c9dcf3 |
rgb(201,220,243) |
hsl(213,64%,87%) |
| #cddef4 |
rgb(205,222,244) |
hsl(213,64%,88%) |
| #d1e1f5 |
rgb(209,225,245) |
hsl(213,64%,89%) |
| #d5e4f6 |
rgb(213,228,246) |
hsl(213,64%,90%) |
| #d9e7f7 |
rgb(217,231,247) |
hsl(213,64%,91%) |
| #dee9f8 |
rgb(222,233,248) |
hsl(213,64%,92%) |
| #e2ecf9 |
rgb(226,236,249) |
hsl(213,64%,93%) |
| #e6eff9 |
rgb(230,239,249) |
hsl(213,64%,94%) |
| #eaf1fa |
rgb(234,241,250) |
hsl(213,64%,95%) |
| #eef4fb |
rgb(238,244,251) |
hsl(213,64%,96%) |
| #f2f7fc |
rgb(242,247,252) |
hsl(213,64%,97%) |
| #f7fafd |
rgb(247,250,253) |
hsl(213,64%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(213,64%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #2ed1be |
rgb(46,209,190) |
hsl(173,64%,50%) |
| #2e77d1 |
rgb(46,119,209) |
hsl(213,64%,50%) |
| #512ed1 |
rgb(81,46,209) |
hsl(253,64%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #70a3df |
rgb(112,163,223) |
hsl(212,63%,66%) |
| #4f8cd8 |
rgb(79,140,216) |
hsl(213,64%,58%) |
| #2e77d1 |
rgb(46,119,209) |
hsl(213,64%,50%) |
| #2663af |
rgb(38,99,175) |
hsl(213,64%,42%) |
| #1f528e |
rgb(31,82,142) |
hsl(212,64%,34%) |
| #173d6c |
rgb(23,61,108) |
hsl(213,65%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2e77d1 |
rgb(46,119,209) |
hsl(213,64%,50%) |
| #d1362e |
rgb(209,54,46) |
hsl(3,64%,50%) |
| #c8d12e |
rgb(200,209,46) |
hsl(63,64%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2e77d1 |
rgb(46,119,209) |
hsl(213,64%,50%) |
| #d1872e |
rgb(209,135,46) |
hsl(33,64%,50%) |
| #2ec9d1 |
rgb(46,201,209) |
hsl(183,64%,50%) |
| #c8d12e |
rgb(200,209,46) |
hsl(63,64%,50%) |
