Color HEX #2561DA, RGB(37,97,218)
Color name is Mariner. The color #2561da is a dark shade and highly saturated.
Palette
2561da color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(220,71%,1%) |
| #010409 |
rgb(1,4,9) |
hsl(220,71%,2%) |
| #02060d |
rgb(2,6,13) |
hsl(220,71%,3%) |
| #030811 |
rgb(3,8,17) |
hsl(220,71%,4%) |
| #040a16 |
rgb(4,10,22) |
hsl(220,71%,5%) |
| #040c1a |
rgb(4,12,26) |
hsl(220,71%,6%) |
| #050e1f |
rgb(5,14,31) |
hsl(220,71%,7%) |
| #061023 |
rgb(6,16,35) |
hsl(220,71%,8%) |
| #071227 |
rgb(7,18,39) |
hsl(220,71%,9%) |
| #07132c |
rgb(7,19,44) |
hsl(220,71%,10%) |
| #081530 |
rgb(8,21,48) |
hsl(220,71%,11%) |
| #091734 |
rgb(9,23,52) |
hsl(220,71%,12%) |
| #0a1939 |
rgb(10,25,57) |
hsl(220,71%,13%) |
| #0a1b3d |
rgb(10,27,61) |
hsl(220,71%,14%) |
| #0b1d41 |
rgb(11,29,65) |
hsl(220,71%,15%) |
| #0c1f46 |
rgb(12,31,70) |
hsl(220,71%,16%) |
| #0d214a |
rgb(13,33,74) |
hsl(220,71%,17%) |
| #0d234e |
rgb(13,35,78) |
hsl(220,71%,18%) |
| #0f2757 |
rgb(15,39,87) |
hsl(220,71%,20%) |
| #10295c |
rgb(16,41,92) |
hsl(220,71%,21%) |
| #102b60 |
rgb(16,43,96) |
hsl(220,71%,22%) |
| #112d64 |
rgb(17,45,100) |
hsl(220,71%,23%) |
| #122f69 |
rgb(18,47,105) |
hsl(220,71%,24%) |
| #12316d |
rgb(18,49,109) |
hsl(220,71%,25%) |
| #133371 |
rgb(19,51,113) |
hsl(220,71%,26%) |
| #143576 |
rgb(20,53,118) |
hsl(220,71%,27%) |
| #15377a |
rgb(21,55,122) |
hsl(220,71%,28%) |
| #15387e |
rgb(21,56,126) |
hsl(220,71%,29%) |
| #163a83 |
rgb(22,58,131) |
hsl(220,71%,30%) |
| #173c87 |
rgb(23,60,135) |
hsl(220,71%,31%) |
| #183e8c |
rgb(24,62,140) |
hsl(220,71%,32%) |
| #184090 |
rgb(24,64,144) |
hsl(220,71%,33%) |
| #194294 |
rgb(25,66,148) |
hsl(220,71%,34%) |
| #1a4499 |
rgb(26,68,153) |
hsl(220,71%,35%) |
| #1b469d |
rgb(27,70,157) |
hsl(220,71%,36%) |
| #1b48a1 |
rgb(27,72,161) |
hsl(220,71%,37%) |
| #1c4aa6 |
rgb(28,74,166) |
hsl(220,71%,38%) |
| #1d4caa |
rgb(29,76,170) |
hsl(220,71%,39%) |
| #1e4eae |
rgb(30,78,174) |
hsl(220,71%,40%) |
| #1e50b3 |
rgb(30,80,179) |
hsl(220,71%,41%) |
| #1f52b7 |
rgb(31,82,183) |
hsl(220,71%,42%) |
| #2054bc |
rgb(32,84,188) |
hsl(220,71%,43%) |
| #2156c0 |
rgb(33,86,192) |
hsl(220,71%,44%) |
| #2158c4 |
rgb(33,88,196) |
hsl(220,71%,45%) |
| #225ac9 |
rgb(34,90,201) |
hsl(220,71%,46%) |
| #235bcd |
rgb(35,91,205) |
hsl(220,71%,47%) |
| #235dd1 |
rgb(35,93,209) |
hsl(220,71%,48%) |
| #245fd6 |
rgb(36,95,214) |
hsl(220,71%,49%) |
| #2561da |
rgb(37,97,218) |
hsl(220,71%,50%) |
| #2964db |
rgb(41,100,219) |
hsl(220,71%,51%) |
| #2e68dc |
rgb(46,104,220) |
hsl(220,71%,52%) |
| #326bdc |
rgb(50,107,220) |
hsl(220,71%,53%) |
| #366edd |
rgb(54,110,221) |
hsl(220,71%,54%) |
| #3b71de |
rgb(59,113,222) |
hsl(220,71%,55%) |
| #3f74de |
rgb(63,116,222) |
hsl(220,71%,56%) |
| #4377df |
rgb(67,119,223) |
hsl(220,71%,57%) |
| #487be0 |
rgb(72,123,224) |
hsl(220,71%,58%) |
| #4c7ee1 |
rgb(76,126,225) |
hsl(220,71%,59%) |
| #5181e1 |
rgb(81,129,225) |
hsl(220,71%,60%) |
| #5584e2 |
rgb(85,132,226) |
hsl(220,71%,61%) |
| #5987e3 |
rgb(89,135,227) |
hsl(220,71%,62%) |
| #5e8ae4 |
rgb(94,138,228) |
hsl(220,71%,63%) |
| #628de4 |
rgb(98,141,228) |
hsl(220,71%,64%) |
| #6691e5 |
rgb(102,145,229) |
hsl(220,71%,65%) |
| #6b94e6 |
rgb(107,148,230) |
hsl(220,71%,66%) |
| #6f97e7 |
rgb(111,151,231) |
hsl(220,71%,67%) |
| #739ae7 |
rgb(115,154,231) |
hsl(220,71%,68%) |
| #789de8 |
rgb(120,157,232) |
hsl(220,71%,69%) |
| #7ca0e9 |
rgb(124,160,233) |
hsl(220,71%,70%) |
| #81a4ea |
rgb(129,164,234) |
hsl(220,71%,71%) |
| #85a7ea |
rgb(133,167,234) |
hsl(220,71%,72%) |
| #89aaeb |
rgb(137,170,235) |
hsl(220,71%,73%) |
| #8eadec |
rgb(142,173,236) |
hsl(220,71%,74%) |
| #92b0ed |
rgb(146,176,237) |
hsl(220,71%,75%) |
| #96b3ed |
rgb(150,179,237) |
hsl(220,71%,76%) |
| #9bb6ee |
rgb(155,182,238) |
hsl(220,71%,77%) |
| #9fbaef |
rgb(159,186,239) |
hsl(220,71%,78%) |
| #a3bdef |
rgb(163,189,239) |
hsl(220,71%,79%) |
| #a8c0f0 |
rgb(168,192,240) |
hsl(220,71%,80%) |
| #acc3f1 |
rgb(172,195,241) |
hsl(220,71%,81%) |
| #b1c6f2 |
rgb(177,198,242) |
hsl(220,71%,82%) |
| #b5c9f2 |
rgb(181,201,242) |
hsl(220,71%,83%) |
| #b9cdf3 |
rgb(185,205,243) |
hsl(220,71%,84%) |
| #bed0f4 |
rgb(190,208,244) |
hsl(220,71%,85%) |
| #c2d3f5 |
rgb(194,211,245) |
hsl(220,71%,86%) |
| #c6d6f5 |
rgb(198,214,245) |
hsl(220,71%,87%) |
| #cbd9f6 |
rgb(203,217,246) |
hsl(220,71%,88%) |
| #cfdcf7 |
rgb(207,220,247) |
hsl(220,71%,89%) |
| #d3dff8 |
rgb(211,223,248) |
hsl(220,71%,90%) |
| #d8e3f8 |
rgb(216,227,248) |
hsl(220,71%,91%) |
| #dce6f9 |
rgb(220,230,249) |
hsl(220,71%,92%) |
| #e0e9fa |
rgb(224,233,250) |
hsl(220,71%,93%) |
| #e5ecfb |
rgb(229,236,251) |
hsl(220,71%,94%) |
| #e9effb |
rgb(233,239,251) |
hsl(220,71%,95%) |
| #eef2fc |
rgb(238,242,252) |
hsl(220,71%,96%) |
| #f2f6fd |
rgb(242,246,253) |
hsl(220,71%,97%) |
| #f6f9fe |
rgb(246,249,254) |
hsl(220,71%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(220,71%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #25d9da |
rgb(37,217,218) |
hsl(180,71%,50%) |
| #2561da |
rgb(37,97,218) |
hsl(220,71%,50%) |
| #6126da |
rgb(97,38,218) |
hsl(260,71%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #6a94e5 |
rgb(106,148,229) |
hsl(220,70%,66%) |
| #477adf |
rgb(71,122,223) |
hsl(220,70%,58%) |
| #2561da |
rgb(37,97,218) |
hsl(220,71%,50%) |
| #1f52b7 |
rgb(31,82,183) |
hsl(220,71%,42%) |
| #194294 |
rgb(25,66,148) |
hsl(220,71%,34%) |
| #133371 |
rgb(19,51,113) |
hsl(220,71%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2561da |
rgb(37,97,218) |
hsl(220,71%,50%) |
| #da4225 |
rgb(218,66,37) |
hsl(10,71%,50%) |
| #bbd925 |
rgb(187,217,37) |
hsl(70,71%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2561da |
rgb(37,97,218) |
hsl(220,71%,50%) |
| #da9e25 |
rgb(218,158,37) |
hsl(40,71%,50%) |
| #25bdda |
rgb(37,189,218) |
hsl(190,71%,50%) |
| #bbd925 |
rgb(187,217,37) |
hsl(70,71%,50%) |
