Color HEX #2570DA, RGB(37,112,218)
Color name is Mariner. The color #2570da is a dark shade and highly saturated.
Your selected color codes
Palette
2570da color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(215,71%,1%) |
| #010409 |
rgb(1,4,9) |
hsl(215,71%,2%) |
| #02070d |
rgb(2,7,13) |
hsl(215,71%,3%) |
| #030911 |
rgb(3,9,17) |
hsl(215,71%,4%) |
| #040b16 |
rgb(4,11,22) |
hsl(215,71%,5%) |
| #040d1a |
rgb(4,13,26) |
hsl(215,71%,6%) |
| #05101f |
rgb(5,16,31) |
hsl(215,71%,7%) |
| #061223 |
rgb(6,18,35) |
hsl(215,71%,8%) |
| #071427 |
rgb(7,20,39) |
hsl(215,71%,9%) |
| #07162c |
rgb(7,22,44) |
hsl(215,71%,10%) |
| #081930 |
rgb(8,25,48) |
hsl(215,71%,11%) |
| #091b34 |
rgb(9,27,52) |
hsl(215,71%,12%) |
| #0a1d39 |
rgb(10,29,57) |
hsl(215,71%,13%) |
| #0a1f3d |
rgb(10,31,61) |
hsl(215,71%,14%) |
| #0b2241 |
rgb(11,34,65) |
hsl(215,71%,15%) |
| #0c2446 |
rgb(12,36,70) |
hsl(215,71%,16%) |
| #0d264a |
rgb(13,38,74) |
hsl(215,71%,17%) |
| #0d284e |
rgb(13,40,78) |
hsl(215,71%,18%) |
| #0e2b53 |
rgb(14,43,83) |
hsl(215,71%,19%) |
| #0f2d57 |
rgb(15,45,87) |
hsl(215,71%,20%) |
| #102f5c |
rgb(16,47,92) |
hsl(215,71%,21%) |
| #103160 |
rgb(16,49,96) |
hsl(215,71%,22%) |
| #113464 |
rgb(17,52,100) |
hsl(215,71%,23%) |
| #123669 |
rgb(18,54,105) |
hsl(215,71%,24%) |
| #12386d |
rgb(18,56,109) |
hsl(215,71%,25%) |
| #133a71 |
rgb(19,58,113) |
hsl(215,71%,26%) |
| #143d76 |
rgb(20,61,118) |
hsl(215,71%,27%) |
| #153f7a |
rgb(21,63,122) |
hsl(215,71%,28%) |
| #15417e |
rgb(21,65,126) |
hsl(215,71%,29%) |
| #164383 |
rgb(22,67,131) |
hsl(215,71%,30%) |
| #174687 |
rgb(23,70,135) |
hsl(215,71%,31%) |
| #18488c |
rgb(24,72,140) |
hsl(215,71%,32%) |
| #184a90 |
rgb(24,74,144) |
hsl(215,71%,33%) |
| #194c94 |
rgb(25,76,148) |
hsl(215,71%,34%) |
| #1a4f99 |
rgb(26,79,153) |
hsl(215,71%,35%) |
| #1b519d |
rgb(27,81,157) |
hsl(215,71%,36%) |
| #1b53a1 |
rgb(27,83,161) |
hsl(215,71%,37%) |
| #1c55a6 |
rgb(28,85,166) |
hsl(215,71%,38%) |
| #1d58aa |
rgb(29,88,170) |
hsl(215,71%,39%) |
| #1e5aae |
rgb(30,90,174) |
hsl(215,71%,40%) |
| #1e5cb3 |
rgb(30,92,179) |
hsl(215,71%,41%) |
| #1f5eb7 |
rgb(31,94,183) |
hsl(215,71%,42%) |
| #2061bc |
rgb(32,97,188) |
hsl(215,71%,43%) |
| #2163c0 |
rgb(33,99,192) |
hsl(215,71%,44%) |
| #2165c4 |
rgb(33,101,196) |
hsl(215,71%,45%) |
| #2267c9 |
rgb(34,103,201) |
hsl(215,71%,46%) |
| #236acd |
rgb(35,106,205) |
hsl(215,71%,47%) |
| #236cd1 |
rgb(35,108,209) |
hsl(215,71%,48%) |
| #246ed6 |
rgb(36,110,214) |
hsl(215,71%,49%) |
| #2570da |
rgb(37,112,218) |
hsl(215,71%,50%) |
| #2973db |
rgb(41,115,219) |
hsl(215,71%,51%) |
| #2e76dc |
rgb(46,118,220) |
hsl(215,71%,52%) |
| #3279dc |
rgb(50,121,220) |
hsl(215,71%,53%) |
| #367cdd |
rgb(54,124,221) |
hsl(215,71%,54%) |
| #3b7fde |
rgb(59,127,222) |
hsl(215,71%,55%) |
| #3f82de |
rgb(63,130,222) |
hsl(215,71%,56%) |
| #4384df |
rgb(67,132,223) |
hsl(215,71%,57%) |
| #4887e0 |
rgb(72,135,224) |
hsl(215,71%,58%) |
| #4c8ae1 |
rgb(76,138,225) |
hsl(215,71%,59%) |
| #518de1 |
rgb(81,141,225) |
hsl(215,71%,60%) |
| #5590e2 |
rgb(85,144,226) |
hsl(215,71%,61%) |
| #5993e3 |
rgb(89,147,227) |
hsl(215,71%,62%) |
| #5e95e4 |
rgb(94,149,228) |
hsl(215,71%,63%) |
| #6298e4 |
rgb(98,152,228) |
hsl(215,71%,64%) |
| #669be5 |
rgb(102,155,229) |
hsl(215,71%,65%) |
| #6b9ee6 |
rgb(107,158,230) |
hsl(215,71%,66%) |
| #6fa1e7 |
rgb(111,161,231) |
hsl(215,71%,67%) |
| #73a4e7 |
rgb(115,164,231) |
hsl(215,71%,68%) |
| #78a7e8 |
rgb(120,167,232) |
hsl(215,71%,69%) |
| #7ca9e9 |
rgb(124,169,233) |
hsl(215,71%,70%) |
| #81acea |
rgb(129,172,234) |
hsl(215,71%,71%) |
| #85afea |
rgb(133,175,234) |
hsl(215,71%,72%) |
| #89b2eb |
rgb(137,178,235) |
hsl(215,71%,73%) |
| #8eb5ec |
rgb(142,181,236) |
hsl(215,71%,74%) |
| #92b8ed |
rgb(146,184,237) |
hsl(215,71%,75%) |
| #96bbed |
rgb(150,187,237) |
hsl(215,71%,76%) |
| #9bbdee |
rgb(155,189,238) |
hsl(215,71%,77%) |
| #9fc0ef |
rgb(159,192,239) |
hsl(215,71%,78%) |
| #a3c3ef |
rgb(163,195,239) |
hsl(215,71%,79%) |
| #a8c6f0 |
rgb(168,198,240) |
hsl(215,71%,80%) |
| #acc9f1 |
rgb(172,201,241) |
hsl(215,71%,81%) |
| #b1ccf2 |
rgb(177,204,242) |
hsl(215,71%,82%) |
| #b5cff2 |
rgb(181,207,242) |
hsl(215,71%,83%) |
| #b9d1f3 |
rgb(185,209,243) |
hsl(215,71%,84%) |
| #bed4f4 |
rgb(190,212,244) |
hsl(215,71%,85%) |
| #c2d7f5 |
rgb(194,215,245) |
hsl(215,71%,86%) |
| #c6daf5 |
rgb(198,218,245) |
hsl(215,71%,87%) |
| #cbddf6 |
rgb(203,221,246) |
hsl(215,71%,88%) |
| #cfe0f7 |
rgb(207,224,247) |
hsl(215,71%,89%) |
| #d3e2f8 |
rgb(211,226,248) |
hsl(215,71%,90%) |
| #d8e5f8 |
rgb(216,229,248) |
hsl(215,71%,91%) |
| #dce8f9 |
rgb(220,232,249) |
hsl(215,71%,92%) |
| #e0ebfa |
rgb(224,235,250) |
hsl(215,71%,93%) |
| #e5eefb |
rgb(229,238,251) |
hsl(215,71%,94%) |
| #e9f1fb |
rgb(233,241,251) |
hsl(215,71%,95%) |
| #eef4fc |
rgb(238,244,252) |
hsl(215,71%,96%) |
| #f2f6fd |
rgb(242,246,253) |
hsl(215,71%,97%) |
| #f6f9fe |
rgb(246,249,254) |
hsl(215,71%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(215,71%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #25d9cb |
rgb(37,217,203) |
hsl(175,71%,50%) |
| #2570da |
rgb(37,112,218) |
hsl(215,71%,50%) |
| #5226da |
rgb(82,38,218) |
hsl(255,71%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #6a9ee5 |
rgb(106,158,229) |
hsl(215,70%,66%) |
| #4787df |
rgb(71,135,223) |
hsl(215,70%,58%) |
| #2570da |
rgb(37,112,218) |
hsl(215,71%,50%) |
| #1f5eb7 |
rgb(31,94,183) |
hsl(215,71%,42%) |
| #194d94 |
rgb(25,77,148) |
hsl(215,71%,34%) |
| #133b71 |
rgb(19,59,113) |
hsl(214,71%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2570da |
rgb(37,112,218) |
hsl(215,71%,50%) |
| #da3625 |
rgb(218,54,37) |
hsl(6,71%,50%) |
| #cad925 |
rgb(202,217,37) |
hsl(65,71%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2570da |
rgb(37,112,218) |
hsl(215,71%,50%) |
| #da8f25 |
rgb(218,143,37) |
hsl(35,71%,50%) |
| #25c9da |
rgb(37,201,218) |
hsl(186,71%,50%) |
| #cad925 |
rgb(202,217,37) |
hsl(65,71%,50%) |
