Color HEX #2F77D0, RGB(47,119,208)
Color name is Mariner. The color #2f77d0 is a dark shade and moderately saturated.
Your selected color codes
Palette
2f77d0 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(213,63%,1%) |
| #020508 |
rgb(2,5,8) |
hsl(213,63%,2%) |
| #03070c |
rgb(3,7,12) |
hsl(213,63%,3%) |
| #040a11 |
rgb(4,10,17) |
hsl(213,63%,4%) |
| #050c15 |
rgb(5,12,21) |
hsl(213,63%,5%) |
| #060e19 |
rgb(6,14,25) |
hsl(213,63%,6%) |
| #07111d |
rgb(7,17,29) |
hsl(213,63%,7%) |
| #081321 |
rgb(8,19,33) |
hsl(213,63%,8%) |
| #081625 |
rgb(8,22,37) |
hsl(213,63%,9%) |
| #09182a |
rgb(9,24,42) |
hsl(213,63%,10%) |
| #0a1a2e |
rgb(10,26,46) |
hsl(213,63%,11%) |
| #0b1d32 |
rgb(11,29,50) |
hsl(213,63%,12%) |
| #0c1f36 |
rgb(12,31,54) |
hsl(213,63%,13%) |
| #0d213a |
rgb(13,33,58) |
hsl(213,63%,14%) |
| #0e243e |
rgb(14,36,62) |
hsl(213,63%,15%) |
| #0f2643 |
rgb(15,38,67) |
hsl(213,63%,16%) |
| #102947 |
rgb(16,41,71) |
hsl(213,63%,17%) |
| #112b4b |
rgb(17,43,75) |
hsl(213,63%,18%) |
| #122d4f |
rgb(18,45,79) |
hsl(213,63%,19%) |
| #133053 |
rgb(19,48,83) |
hsl(213,63%,20%) |
| #143257 |
rgb(20,50,87) |
hsl(213,63%,21%) |
| #15355b |
rgb(21,53,91) |
hsl(213,63%,22%) |
| #163760 |
rgb(22,55,96) |
hsl(213,63%,23%) |
| #173964 |
rgb(23,57,100) |
hsl(213,63%,24%) |
| #183c68 |
rgb(24,60,104) |
hsl(213,63%,25%) |
| #193e6c |
rgb(25,62,108) |
hsl(213,63%,26%) |
| #194170 |
rgb(25,65,112) |
hsl(213,63%,27%) |
| #1a4374 |
rgb(26,67,116) |
hsl(213,63%,28%) |
| #1b4579 |
rgb(27,69,121) |
hsl(213,63%,29%) |
| #1c487d |
rgb(28,72,125) |
hsl(213,63%,30%) |
| #1d4a81 |
rgb(29,74,129) |
hsl(213,63%,31%) |
| #1e4c85 |
rgb(30,76,133) |
hsl(213,63%,32%) |
| #1f4f89 |
rgb(31,79,137) |
hsl(213,63%,33%) |
| #20518d |
rgb(32,81,141) |
hsl(213,63%,34%) |
| #215491 |
rgb(33,84,145) |
hsl(213,63%,35%) |
| #225696 |
rgb(34,86,150) |
hsl(213,63%,36%) |
| #23589a |
rgb(35,88,154) |
hsl(213,63%,37%) |
| #245b9e |
rgb(36,91,158) |
hsl(213,63%,38%) |
| #255da2 |
rgb(37,93,162) |
hsl(213,63%,39%) |
| #2660a6 |
rgb(38,96,166) |
hsl(213,63%,40%) |
| #2762aa |
rgb(39,98,170) |
hsl(213,63%,41%) |
| #2864af |
rgb(40,100,175) |
hsl(213,63%,42%) |
| #2967b3 |
rgb(41,103,179) |
hsl(213,63%,43%) |
| #2a69b7 |
rgb(42,105,183) |
hsl(213,63%,44%) |
| #2a6cbb |
rgb(42,108,187) |
hsl(213,63%,45%) |
| #2b6ebf |
rgb(43,110,191) |
hsl(213,63%,46%) |
| #2c70c3 |
rgb(44,112,195) |
hsl(213,63%,47%) |
| #2d73c8 |
rgb(45,115,200) |
hsl(213,63%,48%) |
| #2e75cc |
rgb(46,117,204) |
hsl(213,63%,49%) |
| #2f77d0 |
rgb(47,119,208) |
hsl(213,63%,50%) |
| #337ad1 |
rgb(51,122,209) |
hsl(213,63%,51%) |
| #377dd2 |
rgb(55,125,210) |
hsl(213,63%,52%) |
| #3c80d3 |
rgb(60,128,211) |
hsl(213,63%,53%) |
| #4082d4 |
rgb(64,130,212) |
hsl(213,63%,54%) |
| #4485d5 |
rgb(68,133,213) |
hsl(213,63%,55%) |
| #4888d5 |
rgb(72,136,213) |
hsl(213,63%,56%) |
| #4c8ad6 |
rgb(76,138,214) |
hsl(213,63%,57%) |
| #508dd7 |
rgb(80,141,215) |
hsl(213,63%,58%) |
| #5590d8 |
rgb(85,144,216) |
hsl(213,63%,59%) |
| #5993d9 |
rgb(89,147,217) |
hsl(213,63%,60%) |
| #5d95da |
rgb(93,149,218) |
hsl(213,63%,61%) |
| #6198db |
rgb(97,152,219) |
hsl(213,63%,62%) |
| #659bdc |
rgb(101,155,220) |
hsl(213,63%,63%) |
| #699ddd |
rgb(105,157,221) |
hsl(213,63%,64%) |
| #6ea0de |
rgb(110,160,222) |
hsl(213,63%,65%) |
| #72a3df |
rgb(114,163,223) |
hsl(213,63%,66%) |
| #76a6e0 |
rgb(118,166,224) |
hsl(213,63%,67%) |
| #7aa8e1 |
rgb(122,168,225) |
hsl(213,63%,68%) |
| #7eabe2 |
rgb(126,171,226) |
hsl(213,63%,69%) |
| #82aee3 |
rgb(130,174,227) |
hsl(213,63%,70%) |
| #86b0e4 |
rgb(134,176,228) |
hsl(213,63%,71%) |
| #8bb3e5 |
rgb(139,179,229) |
hsl(213,63%,72%) |
| #8fb6e6 |
rgb(143,182,230) |
hsl(213,63%,73%) |
| #93b9e6 |
rgb(147,185,230) |
hsl(213,63%,74%) |
| #97bbe7 |
rgb(151,187,231) |
hsl(213,63%,75%) |
| #9bbee8 |
rgb(155,190,232) |
hsl(213,63%,76%) |
| #9fc1e9 |
rgb(159,193,233) |
hsl(213,63%,77%) |
| #a4c3ea |
rgb(164,195,234) |
hsl(213,63%,78%) |
| #a8c6eb |
rgb(168,198,235) |
hsl(213,63%,79%) |
| #acc9ec |
rgb(172,201,236) |
hsl(213,63%,80%) |
| #b0cbed |
rgb(176,203,237) |
hsl(213,63%,81%) |
| #b4ceee |
rgb(180,206,238) |
hsl(213,63%,82%) |
| #b8d1ef |
rgb(184,209,239) |
hsl(213,63%,83%) |
| #bcd4f0 |
rgb(188,212,240) |
hsl(213,63%,84%) |
| #c1d6f1 |
rgb(193,214,241) |
hsl(213,63%,85%) |
| #c5d9f2 |
rgb(197,217,242) |
hsl(213,63%,86%) |
| #c9dcf3 |
rgb(201,220,243) |
hsl(213,63%,87%) |
| #cddef4 |
rgb(205,222,244) |
hsl(213,63%,88%) |
| #d1e1f5 |
rgb(209,225,245) |
hsl(213,63%,89%) |
| #d5e4f6 |
rgb(213,228,246) |
hsl(213,63%,90%) |
| #dae7f7 |
rgb(218,231,247) |
hsl(213,63%,91%) |
| #dee9f7 |
rgb(222,233,247) |
hsl(213,63%,92%) |
| #e2ecf8 |
rgb(226,236,248) |
hsl(213,63%,93%) |
| #e6eff9 |
rgb(230,239,249) |
hsl(213,63%,94%) |
| #eaf1fa |
rgb(234,241,250) |
hsl(213,63%,95%) |
| #eef4fb |
rgb(238,244,251) |
hsl(213,63%,96%) |
| #f3f7fc |
rgb(243,247,252) |
hsl(213,63%,97%) |
| #f7fafd |
rgb(247,250,253) |
hsl(213,63%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(213,63%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #2fd1bd |
rgb(47,209,189) |
hsl(173,64%,50%) |
| #2f77d0 |
rgb(47,119,208) |
hsl(213,63%,50%) |
| #522ed0 |
rgb(82,46,208) |
hsl(253,64%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #71a3df |
rgb(113,163,223) |
hsl(213,63%,66%) |
| #508cd7 |
rgb(80,140,215) |
hsl(213,63%,58%) |
| #2f77d0 |
rgb(47,119,208) |
hsl(213,63%,50%) |
| #2763ae |
rgb(39,99,174) |
hsl(213,63%,42%) |
| #1f528d |
rgb(31,82,141) |
hsl(212,64%,34%) |
| #183d6c |
rgb(24,61,108) |
hsl(214,64%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2f77d0 |
rgb(47,119,208) |
hsl(213,63%,50%) |
| #d0382f |
rgb(208,56,47) |
hsl(3,63%,50%) |
| #c7d12f |
rgb(199,209,47) |
hsl(64,64%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2f77d0 |
rgb(47,119,208) |
hsl(213,63%,50%) |
| #d0872f |
rgb(208,135,47) |
hsl(33,63%,50%) |
| #2fc7d0 |
rgb(47,199,208) |
hsl(183,63%,50%) |
| #c7d12f |
rgb(199,209,47) |
hsl(64,64%,50%) |
