Color HEX #2558DA, RGB(37,88,218)
Color name is Mariner. The color #2558da is a dark shade and highly saturated.
Your selected color codes
Palette
2558da color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(223,71%,1%) |
| #010409 |
rgb(1,4,9) |
hsl(223,71%,2%) |
| #02050d |
rgb(2,5,13) |
hsl(223,71%,3%) |
| #030711 |
rgb(3,7,17) |
hsl(223,71%,4%) |
| #040916 |
rgb(4,9,22) |
hsl(223,71%,5%) |
| #040b1a |
rgb(4,11,26) |
hsl(223,71%,6%) |
| #050c1f |
rgb(5,12,31) |
hsl(223,71%,7%) |
| #060e23 |
rgb(6,14,35) |
hsl(223,71%,8%) |
| #071027 |
rgb(7,16,39) |
hsl(223,71%,9%) |
| #07122c |
rgb(7,18,44) |
hsl(223,71%,10%) |
| #081330 |
rgb(8,19,48) |
hsl(223,71%,11%) |
| #091534 |
rgb(9,21,52) |
hsl(223,71%,12%) |
| #0a1739 |
rgb(10,23,57) |
hsl(223,71%,13%) |
| #0a193d |
rgb(10,25,61) |
hsl(223,71%,14%) |
| #0b1a41 |
rgb(11,26,65) |
hsl(223,71%,15%) |
| #0c1c46 |
rgb(12,28,70) |
hsl(223,71%,16%) |
| #0d1e4a |
rgb(13,30,74) |
hsl(223,71%,17%) |
| #0d204e |
rgb(13,32,78) |
hsl(223,71%,18%) |
| #0f2357 |
rgb(15,35,87) |
hsl(223,71%,20%) |
| #10255c |
rgb(16,37,92) |
hsl(223,71%,21%) |
| #102760 |
rgb(16,39,96) |
hsl(223,71%,22%) |
| #112964 |
rgb(17,41,100) |
hsl(223,71%,23%) |
| #122a69 |
rgb(18,42,105) |
hsl(223,71%,24%) |
| #122c6d |
rgb(18,44,109) |
hsl(223,71%,25%) |
| #132e71 |
rgb(19,46,113) |
hsl(223,71%,26%) |
| #143076 |
rgb(20,48,118) |
hsl(223,71%,27%) |
| #15317a |
rgb(21,49,122) |
hsl(223,71%,28%) |
| #15337e |
rgb(21,51,126) |
hsl(223,71%,29%) |
| #163583 |
rgb(22,53,131) |
hsl(223,71%,30%) |
| #173787 |
rgb(23,55,135) |
hsl(223,71%,31%) |
| #18388c |
rgb(24,56,140) |
hsl(223,71%,32%) |
| #183a90 |
rgb(24,58,144) |
hsl(223,71%,33%) |
| #193c94 |
rgb(25,60,148) |
hsl(223,71%,34%) |
| #1a3e99 |
rgb(26,62,153) |
hsl(223,71%,35%) |
| #1b409d |
rgb(27,64,157) |
hsl(223,71%,36%) |
| #1b41a1 |
rgb(27,65,161) |
hsl(223,71%,37%) |
| #1c43a6 |
rgb(28,67,166) |
hsl(223,71%,38%) |
| #1d45aa |
rgb(29,69,170) |
hsl(223,71%,39%) |
| #1e47ae |
rgb(30,71,174) |
hsl(223,71%,40%) |
| #1e48b3 |
rgb(30,72,179) |
hsl(223,71%,41%) |
| #1f4ab7 |
rgb(31,74,183) |
hsl(223,71%,42%) |
| #204cbc |
rgb(32,76,188) |
hsl(223,71%,43%) |
| #214ec0 |
rgb(33,78,192) |
hsl(223,71%,44%) |
| #214fc4 |
rgb(33,79,196) |
hsl(223,71%,45%) |
| #2251c9 |
rgb(34,81,201) |
hsl(223,71%,46%) |
| #2353cd |
rgb(35,83,205) |
hsl(223,71%,47%) |
| #2355d1 |
rgb(35,85,209) |
hsl(223,71%,48%) |
| #2457d6 |
rgb(36,87,214) |
hsl(223,71%,49%) |
| #2558da |
rgb(37,88,218) |
hsl(223,71%,50%) |
| #295cdb |
rgb(41,92,219) |
hsl(223,71%,51%) |
| #2e5fdc |
rgb(46,95,220) |
hsl(223,71%,52%) |
| #3262dc |
rgb(50,98,220) |
hsl(223,71%,53%) |
| #3666dd |
rgb(54,102,221) |
hsl(223,71%,54%) |
| #3b69de |
rgb(59,105,222) |
hsl(223,71%,55%) |
| #3f6cde |
rgb(63,108,222) |
hsl(223,71%,56%) |
| #4370df |
rgb(67,112,223) |
hsl(223,71%,57%) |
| #4873e0 |
rgb(72,115,224) |
hsl(223,71%,58%) |
| #4c76e1 |
rgb(76,118,225) |
hsl(223,71%,59%) |
| #517ae1 |
rgb(81,122,225) |
hsl(223,71%,60%) |
| #557de2 |
rgb(85,125,226) |
hsl(223,71%,61%) |
| #5980e3 |
rgb(89,128,227) |
hsl(223,71%,62%) |
| #5e84e4 |
rgb(94,132,228) |
hsl(223,71%,63%) |
| #6287e4 |
rgb(98,135,228) |
hsl(223,71%,64%) |
| #668ae5 |
rgb(102,138,229) |
hsl(223,71%,65%) |
| #6b8ee6 |
rgb(107,142,230) |
hsl(223,71%,66%) |
| #6f91e7 |
rgb(111,145,231) |
hsl(223,71%,67%) |
| #7394e7 |
rgb(115,148,231) |
hsl(223,71%,68%) |
| #7898e8 |
rgb(120,152,232) |
hsl(223,71%,69%) |
| #7c9be9 |
rgb(124,155,233) |
hsl(223,71%,70%) |
| #819eea |
rgb(129,158,234) |
hsl(223,71%,71%) |
| #85a2ea |
rgb(133,162,234) |
hsl(223,71%,72%) |
| #89a5eb |
rgb(137,165,235) |
hsl(223,71%,73%) |
| #8ea8ec |
rgb(142,168,236) |
hsl(223,71%,74%) |
| #92aced |
rgb(146,172,237) |
hsl(223,71%,75%) |
| #96afed |
rgb(150,175,237) |
hsl(223,71%,76%) |
| #9bb2ee |
rgb(155,178,238) |
hsl(223,71%,77%) |
| #9fb6ef |
rgb(159,182,239) |
hsl(223,71%,78%) |
| #a3b9ef |
rgb(163,185,239) |
hsl(223,71%,79%) |
| #a8bcf0 |
rgb(168,188,240) |
hsl(223,71%,80%) |
| #acc0f1 |
rgb(172,192,241) |
hsl(223,71%,81%) |
| #b1c3f2 |
rgb(177,195,242) |
hsl(223,71%,82%) |
| #b5c6f2 |
rgb(181,198,242) |
hsl(223,71%,83%) |
| #b9caf3 |
rgb(185,202,243) |
hsl(223,71%,84%) |
| #becdf4 |
rgb(190,205,244) |
hsl(223,71%,85%) |
| #c2d0f5 |
rgb(194,208,245) |
hsl(223,71%,86%) |
| #c6d4f5 |
rgb(198,212,245) |
hsl(223,71%,87%) |
| #cbd7f6 |
rgb(203,215,246) |
hsl(223,71%,88%) |
| #cfdaf7 |
rgb(207,218,247) |
hsl(223,71%,89%) |
| #d3def8 |
rgb(211,222,248) |
hsl(223,71%,90%) |
| #d8e1f8 |
rgb(216,225,248) |
hsl(223,71%,91%) |
| #dce4f9 |
rgb(220,228,249) |
hsl(223,71%,92%) |
| #e0e8fa |
rgb(224,232,250) |
hsl(223,71%,93%) |
| #e5ebfb |
rgb(229,235,251) |
hsl(223,71%,94%) |
| #e9eefb |
rgb(233,238,251) |
hsl(223,71%,95%) |
| #eef2fc |
rgb(238,242,252) |
hsl(223,71%,96%) |
| #f2f5fd |
rgb(242,245,253) |
hsl(223,71%,97%) |
| #f6f8fe |
rgb(246,248,254) |
hsl(223,71%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(223,71%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #25d1da |
rgb(37,209,218) |
hsl(183,71%,50%) |
| #2558da |
rgb(37,88,218) |
hsl(223,71%,50%) |
| #6a26da |
rgb(106,38,218) |
hsl(263,71%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #6a8ce5 |
rgb(106,140,229) |
hsl(223,70%,66%) |
| #4773df |
rgb(71,115,223) |
hsl(223,70%,58%) |
| #2558da |
rgb(37,88,218) |
hsl(223,71%,50%) |
| #1f4ab7 |
rgb(31,74,183) |
hsl(223,71%,42%) |
| #193b94 |
rgb(25,59,148) |
hsl(223,71%,34%) |
| #132e71 |
rgb(19,46,113) |
hsl(223,71%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2558da |
rgb(37,88,218) |
hsl(223,71%,50%) |
| #da4d25 |
rgb(218,77,37) |
hsl(13,71%,50%) |
| #b2d925 |
rgb(178,217,37) |
hsl(73,71%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2558da |
rgb(37,88,218) |
hsl(223,71%,50%) |
| #daa625 |
rgb(218,166,37) |
hsl(43,71%,50%) |
| #25b3da |
rgb(37,179,218) |
hsl(193,71%,50%) |
| #b2d925 |
rgb(178,217,37) |
hsl(73,71%,50%) |
