Color HEX #2D7AD2, RGB(45,122,210)

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

#2d7ad2
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Your selected color codes

Palette

2d7ad2 color palette from light to dark

HEX RGB HSL
#010204 rgb(1,2,4) hsl(212,65%,1%)
#020508 rgb(2,5,8) hsl(212,65%,2%)
#03070d rgb(3,7,13) hsl(212,65%,3%)
#040a11 rgb(4,10,17) hsl(212,65%,4%)
#040c15 rgb(4,12,21) hsl(212,65%,5%)
#050f19 rgb(5,15,25) hsl(212,65%,6%)
#06111d rgb(6,17,29) hsl(212,65%,7%)
#071422 rgb(7,20,34) hsl(212,65%,8%)
#081626 rgb(8,22,38) hsl(212,65%,9%)
#09182a rgb(9,24,42) hsl(212,65%,10%)
#0a1b2e rgb(10,27,46) hsl(212,65%,11%)
#0b1d32 rgb(11,29,50) hsl(212,65%,12%)
#0c2037 rgb(12,32,55) hsl(212,65%,13%)
#0c223b rgb(12,34,59) hsl(212,65%,14%)
#0d253f rgb(13,37,63) hsl(212,65%,15%)
#0f2948 rgb(15,41,72) hsl(212,65%,17%)
#102c4c rgb(16,44,76) hsl(212,65%,18%)
#112e50 rgb(17,46,80) hsl(212,65%,19%)
#123154 rgb(18,49,84) hsl(212,65%,20%)
#133358 rgb(19,51,88) hsl(212,65%,21%)
#14365d rgb(20,54,93) hsl(212,65%,22%)
#153861 rgb(21,56,97) hsl(212,65%,23%)
#153b65 rgb(21,59,101) hsl(212,65%,24%)
#163d69 rgb(22,61,105) hsl(212,65%,25%)
#173f6d rgb(23,63,109) hsl(212,65%,26%)
#184272 rgb(24,66,114) hsl(212,65%,27%)
#194476 rgb(25,68,118) hsl(212,65%,28%)
#1a477a rgb(26,71,122) hsl(212,65%,29%)
#1b497e rgb(27,73,126) hsl(212,65%,30%)
#1c4c82 rgb(28,76,130) hsl(212,65%,31%)
#1d4e87 rgb(29,78,135) hsl(212,65%,32%)
#1d518b rgb(29,81,139) hsl(212,65%,33%)
#1e538f rgb(30,83,143) hsl(212,65%,34%)
#1f5593 rgb(31,85,147) hsl(212,65%,35%)
#205897 rgb(32,88,151) hsl(212,65%,36%)
#215a9c rgb(33,90,156) hsl(212,65%,37%)
#225da0 rgb(34,93,160) hsl(212,65%,38%)
#235fa4 rgb(35,95,164) hsl(212,65%,39%)
#2462a8 rgb(36,98,168) hsl(212,65%,40%)
#2564ad rgb(37,100,173) hsl(212,65%,41%)
#2566b1 rgb(37,102,177) hsl(212,65%,42%)
#2669b5 rgb(38,105,181) hsl(212,65%,43%)
#276bb9 rgb(39,107,185) hsl(212,65%,44%)
#286ebd rgb(40,110,189) hsl(212,65%,45%)
#2970c2 rgb(41,112,194) hsl(212,65%,46%)
#2a73c6 rgb(42,115,198) hsl(212,65%,47%)
#2b75ca rgb(43,117,202) hsl(212,65%,48%)
#2c78ce rgb(44,120,206) hsl(212,65%,49%)
#2d7ad2 rgb(45,122,210) hsl(212,65%,50%)
#317dd3 rgb(49,125,211) hsl(212,65%,51%)
#357fd4 rgb(53,127,212) hsl(212,65%,52%)
#3982d5 rgb(57,130,213) hsl(212,65%,53%)
#3d85d6 rgb(61,133,214) hsl(212,65%,54%)
#4287d7 rgb(66,135,215) hsl(212,65%,55%)
#468ad8 rgb(70,138,216) hsl(212,65%,56%)
#4a8dd9 rgb(74,141,217) hsl(212,65%,57%)
#4e8fda rgb(78,143,218) hsl(212,65%,58%)
#5292da rgb(82,146,218) hsl(212,65%,59%)
#5795db rgb(87,149,219) hsl(212,65%,60%)
#5b97dc rgb(91,151,220) hsl(212,65%,61%)
#5f9add rgb(95,154,221) hsl(212,65%,62%)
#639dde rgb(99,157,222) hsl(212,65%,63%)
#689fdf rgb(104,159,223) hsl(212,65%,64%)
#6ca2e0 rgb(108,162,224) hsl(212,65%,65%)
#70a5e1 rgb(112,165,225) hsl(212,65%,66%)
#74a7e2 rgb(116,167,226) hsl(212,65%,67%)
#78aae2 rgb(120,170,226) hsl(212,65%,68%)
#7dade3 rgb(125,173,227) hsl(212,65%,69%)
#81afe4 rgb(129,175,228) hsl(212,65%,70%)
#85b2e5 rgb(133,178,229) hsl(212,65%,71%)
#89b5e6 rgb(137,181,230) hsl(212,65%,72%)
#8db7e7 rgb(141,183,231) hsl(212,65%,73%)
#92bae8 rgb(146,186,232) hsl(212,65%,74%)
#96bce9 rgb(150,188,233) hsl(212,65%,75%)
#9abfea rgb(154,191,234) hsl(212,65%,76%)
#9ec2ea rgb(158,194,234) hsl(212,65%,77%)
#a2c4eb rgb(162,196,235) hsl(212,65%,78%)
#a7c7ec rgb(167,199,236) hsl(212,65%,79%)
#abcaed rgb(171,202,237) hsl(212,65%,80%)
#afccee rgb(175,204,238) hsl(212,65%,81%)
#b3cfef rgb(179,207,239) hsl(212,65%,82%)
#b7d2f0 rgb(183,210,240) hsl(212,65%,83%)
#bcd4f1 rgb(188,212,241) hsl(212,65%,84%)
#c0d7f2 rgb(192,215,242) hsl(212,65%,85%)
#c4daf3 rgb(196,218,243) hsl(212,65%,86%)
#c8dcf3 rgb(200,220,243) hsl(212,65%,87%)
#cddff4 rgb(205,223,244) hsl(212,65%,88%)
#d1e2f5 rgb(209,226,245) hsl(212,65%,89%)
#d5e4f6 rgb(213,228,246) hsl(212,65%,90%)
#d9e7f7 rgb(217,231,247) hsl(212,65%,91%)
#ddeaf8 rgb(221,234,248) hsl(212,65%,92%)
#e2ecf9 rgb(226,236,249) hsl(212,65%,93%)
#e6effa rgb(230,239,250) hsl(212,65%,94%)
#eaf2fb rgb(234,242,251) hsl(212,65%,95%)
#eef4fb rgb(238,244,251) hsl(212,65%,96%)
#f2f7fc rgb(242,247,252) hsl(212,65%,97%)
#f7fafd rgb(247,250,253) hsl(212,65%,98%)
#fbfcfe rgb(251,252,254) hsl(212,65%,99%)

Adjacent colors

HEX RGB HSL
#2dd1bc rgb(45,209,188) hsl(172,65%,50%)
#2d7ad2 rgb(45,122,210) hsl(212,65%,50%)
#4e2ed2 rgb(78,46,210) hsl(252,65%,50%)

Monochromatic colors

HEX RGB HSL
#70a6e0 rgb(112,166,224) hsl(211,64%,66%)
#4e8fd9 rgb(78,143,217) hsl(212,65%,58%)
#2d7ad2 rgb(45,122,210) hsl(212,65%,50%)
#2566b0 rgb(37,102,176) hsl(212,65%,42%)
#1e548e rgb(30,84,142) hsl(211,65%,34%)
#17406d rgb(23,64,109) hsl(211,65%,26%)

Triad color palettes

HEX RGB HSL
#2d7ad2 rgb(45,122,210) hsl(212,65%,50%)
#d2332d rgb(210,51,45) hsl(2,65%,50%)
#ccd12d rgb(204,209,45) hsl(62,65%,50%)

Tetrad color palettes

HEX RGB HSL
#2d7ad2 rgb(45,122,210) hsl(212,65%,50%)
#d2852d rgb(210,133,45) hsl(32,65%,50%)
#2dccd2 rgb(45,204,210) hsl(182,65%,50%)
#ccd12d rgb(204,209,45) hsl(62,65%,50%)