Color HEX #2D6CD2, RGB(45,108,210)

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

#2d6cd2
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Your selected color codes

Palette

2d6cd2 color palette from light to dark

HEX RGB HSL
#010204 rgb(1,2,4) hsl(217,65%,1%)
#020408 rgb(2,4,8) hsl(217,65%,2%)
#03060d rgb(3,6,13) hsl(217,65%,3%)
#040911 rgb(4,9,17) hsl(217,65%,4%)
#040b15 rgb(4,11,21) hsl(217,65%,5%)
#050d19 rgb(5,13,25) hsl(217,65%,6%)
#060f1d rgb(6,15,29) hsl(217,65%,7%)
#071122 rgb(7,17,34) hsl(217,65%,8%)
#081326 rgb(8,19,38) hsl(217,65%,9%)
#09162a rgb(9,22,42) hsl(217,65%,10%)
#0a182e rgb(10,24,46) hsl(217,65%,11%)
#0b1a32 rgb(11,26,50) hsl(217,65%,12%)
#0c1c37 rgb(12,28,55) hsl(217,65%,13%)
#0c1e3b rgb(12,30,59) hsl(217,65%,14%)
#0d203f rgb(13,32,63) hsl(217,65%,15%)
#0f2548 rgb(15,37,72) hsl(217,65%,17%)
#10274c rgb(16,39,76) hsl(217,65%,18%)
#112950 rgb(17,41,80) hsl(217,65%,19%)
#122b54 rgb(18,43,84) hsl(217,65%,20%)
#132d58 rgb(19,45,88) hsl(217,65%,21%)
#14305d rgb(20,48,93) hsl(217,65%,22%)
#153261 rgb(21,50,97) hsl(217,65%,23%)
#153465 rgb(21,52,101) hsl(217,65%,24%)
#163669 rgb(22,54,105) hsl(217,65%,25%)
#17386d rgb(23,56,109) hsl(217,65%,26%)
#183a72 rgb(24,58,114) hsl(217,65%,27%)
#193d76 rgb(25,61,118) hsl(217,65%,28%)
#1a3f7a rgb(26,63,122) hsl(217,65%,29%)
#1b417e rgb(27,65,126) hsl(217,65%,30%)
#1c4382 rgb(28,67,130) hsl(217,65%,31%)
#1d4587 rgb(29,69,135) hsl(217,65%,32%)
#1d478b rgb(29,71,139) hsl(217,65%,33%)
#1e4a8f rgb(30,74,143) hsl(217,65%,34%)
#1f4c93 rgb(31,76,147) hsl(217,65%,35%)
#204e97 rgb(32,78,151) hsl(217,65%,36%)
#21509c rgb(33,80,156) hsl(217,65%,37%)
#2252a0 rgb(34,82,160) hsl(217,65%,38%)
#2354a4 rgb(35,84,164) hsl(217,65%,39%)
#2457a8 rgb(36,87,168) hsl(217,65%,40%)
#2559ad rgb(37,89,173) hsl(217,65%,41%)
#255bb1 rgb(37,91,177) hsl(217,65%,42%)
#265db5 rgb(38,93,181) hsl(217,65%,43%)
#275fb9 rgb(39,95,185) hsl(217,65%,44%)
#2861bd rgb(40,97,189) hsl(217,65%,45%)
#2964c2 rgb(41,100,194) hsl(217,65%,46%)
#2a66c6 rgb(42,102,198) hsl(217,65%,47%)
#2b68ca rgb(43,104,202) hsl(217,65%,48%)
#2c6ace rgb(44,106,206) hsl(217,65%,49%)
#2d6cd2 rgb(45,108,210) hsl(217,65%,50%)
#316fd3 rgb(49,111,211) hsl(217,65%,51%)
#3572d4 rgb(53,114,212) hsl(217,65%,52%)
#3975d5 rgb(57,117,213) hsl(217,65%,53%)
#3d78d6 rgb(61,120,214) hsl(217,65%,54%)
#427bd7 rgb(66,123,215) hsl(217,65%,55%)
#467ed8 rgb(70,126,216) hsl(217,65%,56%)
#4a81d9 rgb(74,129,217) hsl(217,65%,57%)
#4e84da rgb(78,132,218) hsl(217,65%,58%)
#5287da rgb(82,135,218) hsl(217,65%,59%)
#578adb rgb(87,138,219) hsl(217,65%,60%)
#5b8cdc rgb(91,140,220) hsl(217,65%,61%)
#5f8fdd rgb(95,143,221) hsl(217,65%,62%)
#6392de rgb(99,146,222) hsl(217,65%,63%)
#6895df rgb(104,149,223) hsl(217,65%,64%)
#6c98e0 rgb(108,152,224) hsl(217,65%,65%)
#709be1 rgb(112,155,225) hsl(217,65%,66%)
#749ee2 rgb(116,158,226) hsl(217,65%,67%)
#78a1e2 rgb(120,161,226) hsl(217,65%,68%)
#7da4e3 rgb(125,164,227) hsl(217,65%,69%)
#81a7e4 rgb(129,167,228) hsl(217,65%,70%)
#85aae5 rgb(133,170,229) hsl(217,65%,71%)
#89ade6 rgb(137,173,230) hsl(217,65%,72%)
#8db0e7 rgb(141,176,231) hsl(217,65%,73%)
#92b3e8 rgb(146,179,232) hsl(217,65%,74%)
#96b6e9 rgb(150,182,233) hsl(217,65%,75%)
#9ab9ea rgb(154,185,234) hsl(217,65%,76%)
#9ebbea rgb(158,187,234) hsl(217,65%,77%)
#a2beeb rgb(162,190,235) hsl(217,65%,78%)
#a7c1ec rgb(167,193,236) hsl(217,65%,79%)
#abc4ed rgb(171,196,237) hsl(217,65%,80%)
#afc7ee rgb(175,199,238) hsl(217,65%,81%)
#b3caef rgb(179,202,239) hsl(217,65%,82%)
#b7cdf0 rgb(183,205,240) hsl(217,65%,83%)
#bcd0f1 rgb(188,208,241) hsl(217,65%,84%)
#c0d3f2 rgb(192,211,242) hsl(217,65%,85%)
#c4d6f3 rgb(196,214,243) hsl(217,65%,86%)
#c8d9f3 rgb(200,217,243) hsl(217,65%,87%)
#cddcf4 rgb(205,220,244) hsl(217,65%,88%)
#d1dff5 rgb(209,223,245) hsl(217,65%,89%)
#d5e2f6 rgb(213,226,246) hsl(217,65%,90%)
#d9e5f7 rgb(217,229,247) hsl(217,65%,91%)
#dde8f8 rgb(221,232,248) hsl(217,65%,92%)
#e2eaf9 rgb(226,234,249) hsl(217,65%,93%)
#e6edfa rgb(230,237,250) hsl(217,65%,94%)
#eaf0fb rgb(234,240,251) hsl(217,65%,95%)
#eef3fb rgb(238,243,251) hsl(217,65%,96%)
#f2f6fc rgb(242,246,252) hsl(217,65%,97%)
#f7f9fd rgb(247,249,253) hsl(217,65%,98%)
#fbfcfe rgb(251,252,254) hsl(217,65%,99%)

Adjacent colors

HEX RGB HSL
#2dd1ca rgb(45,209,202) hsl(177,65%,50%)
#2d6cd2 rgb(45,108,210) hsl(217,65%,50%)
#5c2ed2 rgb(92,46,210) hsl(257,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%)
#2d6cd2 rgb(45,108,210) hsl(217,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
#2d6cd2 rgb(45,108,210) hsl(217,65%,50%)
#d2402d rgb(210,64,45) hsl(7,65%,50%)
#bed12d rgb(190,209,45) hsl(67,65%,50%)

Tetrad color palettes

HEX RGB HSL
#2d6cd2 rgb(45,108,210) hsl(217,65%,50%)
#d2942d rgb(210,148,45) hsl(37,65%,50%)
#2dbfd2 rgb(45,191,210) hsl(187,65%,50%)
#bed12d rgb(190,209,45) hsl(67,65%,50%)