Color HEX #2D6ED2, RGB(45,110,210)

Color name is Mariner. The color #2d6ed2 is a dark shade and moderately saturated.

#2d6ed2
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Palette

2d6ed2 color palette from light to dark

HEX RGB HSL
#010204 rgb(1,2,4) hsl(216,65%,1%)
#020408 rgb(2,4,8) hsl(216,65%,2%)
#03070d rgb(3,7,13) hsl(216,65%,3%)
#040911 rgb(4,9,17) hsl(216,65%,4%)
#040b15 rgb(4,11,21) hsl(216,65%,5%)
#050d19 rgb(5,13,25) hsl(216,65%,6%)
#06101d rgb(6,16,29) hsl(216,65%,7%)
#071222 rgb(7,18,34) hsl(216,65%,8%)
#081426 rgb(8,20,38) hsl(216,65%,9%)
#09162a rgb(9,22,42) hsl(216,65%,10%)
#0a182e rgb(10,24,46) hsl(216,65%,11%)
#0b1b32 rgb(11,27,50) hsl(216,65%,12%)
#0c1d37 rgb(12,29,55) hsl(216,65%,13%)
#0c1f3b rgb(12,31,59) hsl(216,65%,14%)
#0d213f rgb(13,33,63) hsl(216,65%,15%)
#0f2648 rgb(15,38,72) hsl(216,65%,17%)
#10284c rgb(16,40,76) hsl(216,65%,18%)
#112a50 rgb(17,42,80) hsl(216,65%,19%)
#122c54 rgb(18,44,84) hsl(216,65%,20%)
#132f58 rgb(19,47,88) hsl(216,65%,21%)
#14315d rgb(20,49,93) hsl(216,65%,22%)
#153361 rgb(21,51,97) hsl(216,65%,23%)
#153565 rgb(21,53,101) hsl(216,65%,24%)
#163769 rgb(22,55,105) hsl(216,65%,25%)
#173a6d rgb(23,58,109) hsl(216,65%,26%)
#183c72 rgb(24,60,114) hsl(216,65%,27%)
#193e76 rgb(25,62,118) hsl(216,65%,28%)
#1a407a rgb(26,64,122) hsl(216,65%,29%)
#1b437e rgb(27,67,126) hsl(216,65%,30%)
#1c4582 rgb(28,69,130) hsl(216,65%,31%)
#1d4787 rgb(29,71,135) hsl(216,65%,32%)
#1d498b rgb(29,73,139) hsl(216,65%,33%)
#1e4b8f rgb(30,75,143) hsl(216,65%,34%)
#1f4e93 rgb(31,78,147) hsl(216,65%,35%)
#205097 rgb(32,80,151) hsl(216,65%,36%)
#21529c rgb(33,82,156) hsl(216,65%,37%)
#2254a0 rgb(34,84,160) hsl(216,65%,38%)
#2357a4 rgb(35,87,164) hsl(216,65%,39%)
#2459a8 rgb(36,89,168) hsl(216,65%,40%)
#255bad rgb(37,91,173) hsl(216,65%,41%)
#255db1 rgb(37,93,177) hsl(216,65%,42%)
#265fb5 rgb(38,95,181) hsl(216,65%,43%)
#2762b9 rgb(39,98,185) hsl(216,65%,44%)
#2864bd rgb(40,100,189) hsl(216,65%,45%)
#2966c2 rgb(41,102,194) hsl(216,65%,46%)
#2a68c6 rgb(42,104,198) hsl(216,65%,47%)
#2b6aca rgb(43,106,202) hsl(216,65%,48%)
#2c6dce rgb(44,109,206) hsl(216,65%,49%)
#2d6fd2 rgb(45,111,210) hsl(216,65%,50%)
#3172d3 rgb(49,114,211) hsl(216,65%,51%)
#3575d4 rgb(53,117,212) hsl(216,65%,52%)
#3978d5 rgb(57,120,213) hsl(216,65%,53%)
#3d7ad6 rgb(61,122,214) hsl(216,65%,54%)
#427dd7 rgb(66,125,215) hsl(216,65%,55%)
#4680d8 rgb(70,128,216) hsl(216,65%,56%)
#4a83d9 rgb(74,131,217) hsl(216,65%,57%)
#4e86da rgb(78,134,218) hsl(216,65%,58%)
#5289da rgb(82,137,218) hsl(216,65%,59%)
#578cdb rgb(87,140,219) hsl(216,65%,60%)
#5b8fdc rgb(91,143,220) hsl(216,65%,61%)
#5f92dd rgb(95,146,221) hsl(216,65%,62%)
#6394de rgb(99,148,222) hsl(216,65%,63%)
#6897df rgb(104,151,223) hsl(216,65%,64%)
#6c9ae0 rgb(108,154,224) hsl(216,65%,65%)
#709de1 rgb(112,157,225) hsl(216,65%,66%)
#74a0e2 rgb(116,160,226) hsl(216,65%,67%)
#78a3e2 rgb(120,163,226) hsl(216,65%,68%)
#7da6e3 rgb(125,166,227) hsl(216,65%,69%)
#81a9e4 rgb(129,169,228) hsl(216,65%,70%)
#85abe5 rgb(133,171,229) hsl(216,65%,71%)
#89aee6 rgb(137,174,230) hsl(216,65%,72%)
#8db1e7 rgb(141,177,231) hsl(216,65%,73%)
#92b4e8 rgb(146,180,232) hsl(216,65%,74%)
#96b7e9 rgb(150,183,233) hsl(216,65%,75%)
#9abaea rgb(154,186,234) hsl(216,65%,76%)
#9ebdea rgb(158,189,234) hsl(216,65%,77%)
#a2c0eb rgb(162,192,235) hsl(216,65%,78%)
#a7c2ec rgb(167,194,236) hsl(216,65%,79%)
#abc5ed rgb(171,197,237) hsl(216,65%,80%)
#afc8ee rgb(175,200,238) hsl(216,65%,81%)
#b3cbef rgb(179,203,239) hsl(216,65%,82%)
#b7cef0 rgb(183,206,240) hsl(216,65%,83%)
#bcd1f1 rgb(188,209,241) hsl(216,65%,84%)
#c0d4f2 rgb(192,212,242) hsl(216,65%,85%)
#c4d7f3 rgb(196,215,243) hsl(216,65%,86%)
#c8daf3 rgb(200,218,243) hsl(216,65%,87%)
#cddcf4 rgb(205,220,244) hsl(216,65%,88%)
#d1dff5 rgb(209,223,245) hsl(216,65%,89%)
#d5e2f6 rgb(213,226,246) hsl(216,65%,90%)
#d9e5f7 rgb(217,229,247) hsl(216,65%,91%)
#dde8f8 rgb(221,232,248) hsl(216,65%,92%)
#e2ebf9 rgb(226,235,249) hsl(216,65%,93%)
#e6eefa rgb(230,238,250) hsl(216,65%,94%)
#eaf1fb rgb(234,241,251) hsl(216,65%,95%)
#eef3fb rgb(238,243,251) hsl(216,65%,96%)
#f2f6fc rgb(242,246,252) hsl(216,65%,97%)
#f7f9fd rgb(247,249,253) hsl(216,65%,98%)
#fbfcfe rgb(251,252,254) hsl(216,65%,99%)

Adjacent colors

HEX RGB HSL
#2dd1c8 rgb(45,209,200) hsl(177,65%,50%)
#2d6ed2 rgb(45,110,210) hsl(216,65%,50%)
#5a2ed2 rgb(90,46,210) hsl(256,65%,50%)

Monochromatic colors

HEX RGB HSL
#709ce0 rgb(112,156,224) hsl(216,64%,66%)
#4e85d9 rgb(78,133,217) hsl(216,65%,58%)
#2d6ed2 rgb(45,110,210) hsl(216,65%,50%)
#255cb0 rgb(37,92,176) hsl(216,65%,42%)
#1e4a8e rgb(30,74,142) hsl(216,65%,34%)
#17386d rgb(23,56,109) hsl(217,65%,26%)

Triad color palettes

HEX RGB HSL
#2d6ed2 rgb(45,110,210) hsl(216,65%,50%)
#d2402d rgb(210,64,45) hsl(7,65%,50%)
#c0d12d rgb(192,209,45) hsl(66,65%,50%)

Tetrad color palettes

HEX RGB HSL
#2d6ed2 rgb(45,110,210) hsl(216,65%,50%)
#d2912d rgb(210,145,45) hsl(36,65%,50%)
#2dbfd2 rgb(45,191,210) hsl(187,65%,50%)
#c0d12d rgb(192,209,45) hsl(66,65%,50%)