Color HEX #2B5BD4, RGB(43,91,212)

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

#2b5bd4
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Your selected color codes

Palette

2b5bd4 color palette from light to dark

HEX RGB HSL
#010204 rgb(1,2,4) hsl(223,66%,1%)
#020408 rgb(2,4,8) hsl(223,66%,2%)
#03050d rgb(3,5,13) hsl(223,66%,3%)
#030711 rgb(3,7,17) hsl(223,66%,4%)
#040915 rgb(4,9,21) hsl(223,66%,5%)
#050b19 rgb(5,11,25) hsl(223,66%,6%)
#060d1e rgb(6,13,30) hsl(223,66%,7%)
#070f22 rgb(7,15,34) hsl(223,66%,8%)
#081026 rgb(8,16,38) hsl(223,66%,9%)
#09122a rgb(9,18,42) hsl(223,66%,10%)
#0a142f rgb(10,20,47) hsl(223,66%,11%)
#0a1633 rgb(10,22,51) hsl(223,66%,12%)
#0b1837 rgb(11,24,55) hsl(223,66%,13%)
#0c193b rgb(12,25,59) hsl(223,66%,14%)
#0d1b3f rgb(13,27,63) hsl(223,66%,15%)
#0e1d44 rgb(14,29,68) hsl(223,66%,16%)
#0f1f48 rgb(15,31,72) hsl(223,66%,17%)
#10214c rgb(16,33,76) hsl(223,66%,18%)
#102350 rgb(16,35,80) hsl(223,66%,19%)
#112455 rgb(17,36,85) hsl(223,66%,20%)
#122659 rgb(18,38,89) hsl(223,66%,21%)
#13285d rgb(19,40,93) hsl(223,66%,22%)
#142a61 rgb(20,42,97) hsl(223,66%,23%)
#152c66 rgb(21,44,102) hsl(223,66%,24%)
#162e6a rgb(22,46,106) hsl(223,66%,25%)
#172f6e rgb(23,47,110) hsl(223,66%,26%)
#173172 rgb(23,49,114) hsl(223,66%,27%)
#183377 rgb(24,51,119) hsl(223,66%,28%)
#19357b rgb(25,53,123) hsl(223,66%,29%)
#1a377f rgb(26,55,127) hsl(223,66%,30%)
#1b3883 rgb(27,56,131) hsl(223,66%,31%)
#1c3a87 rgb(28,58,135) hsl(223,66%,32%)
#1d3c8c rgb(29,60,140) hsl(223,66%,33%)
#1d3e90 rgb(29,62,144) hsl(223,66%,34%)
#1e4094 rgb(30,64,148) hsl(223,66%,35%)
#1f4298 rgb(31,66,152) hsl(223,66%,36%)
#20439d rgb(32,67,157) hsl(223,66%,37%)
#2145a1 rgb(33,69,161) hsl(223,66%,38%)
#2247a5 rgb(34,71,165) hsl(223,66%,39%)
#2349a9 rgb(35,73,169) hsl(223,66%,40%)
#244bae rgb(36,75,174) hsl(223,66%,41%)
#244cb2 rgb(36,76,178) hsl(223,66%,42%)
#254eb6 rgb(37,78,182) hsl(223,66%,43%)
#2650ba rgb(38,80,186) hsl(223,66%,44%)
#2752be rgb(39,82,190) hsl(223,66%,45%)
#2854c3 rgb(40,84,195) hsl(223,66%,46%)
#2956c7 rgb(41,86,199) hsl(223,66%,47%)
#2a57cb rgb(42,87,203) hsl(223,66%,48%)
#2a59cf rgb(42,89,207) hsl(223,66%,49%)
#2b5bd4 rgb(43,91,212) hsl(223,66%,50%)
#305ed5 rgb(48,94,213) hsl(223,66%,51%)
#3462d5 rgb(52,98,213) hsl(223,66%,52%)
#3865d6 rgb(56,101,214) hsl(223,66%,53%)
#3c68d7 rgb(60,104,215) hsl(223,66%,54%)
#416bd8 rgb(65,107,216) hsl(223,66%,55%)
#456fd9 rgb(69,111,217) hsl(223,66%,56%)
#4972da rgb(73,114,218) hsl(223,66%,57%)
#4d75db rgb(77,117,219) hsl(223,66%,58%)
#5179db rgb(81,121,219) hsl(223,66%,59%)
#567cdc rgb(86,124,220) hsl(223,66%,60%)
#5a7fdd rgb(90,127,221) hsl(223,66%,61%)
#5e82de rgb(94,130,222) hsl(223,66%,62%)
#6286df rgb(98,134,223) hsl(223,66%,63%)
#6789e0 rgb(103,137,224) hsl(223,66%,64%)
#6b8ce1 rgb(107,140,225) hsl(223,66%,65%)
#6f90e2 rgb(111,144,226) hsl(223,66%,66%)
#7393e2 rgb(115,147,226) hsl(223,66%,67%)
#7896e3 rgb(120,150,227) hsl(223,66%,68%)
#7c99e4 rgb(124,153,228) hsl(223,66%,69%)
#809de5 rgb(128,157,229) hsl(223,66%,70%)
#84a0e6 rgb(132,160,230) hsl(223,66%,71%)
#88a3e7 rgb(136,163,231) hsl(223,66%,72%)
#8da6e8 rgb(141,166,232) hsl(223,66%,73%)
#91aae8 rgb(145,170,232) hsl(223,66%,74%)
#95ade9 rgb(149,173,233) hsl(223,66%,75%)
#99b0ea rgb(153,176,234) hsl(223,66%,76%)
#9eb4eb rgb(158,180,235) hsl(223,66%,77%)
#a2b7ec rgb(162,183,236) hsl(223,66%,78%)
#a6baed rgb(166,186,237) hsl(223,66%,79%)
#aabdee rgb(170,189,238) hsl(223,66%,80%)
#afc1ef rgb(175,193,239) hsl(223,66%,81%)
#b3c4ef rgb(179,196,239) hsl(223,66%,82%)
#b7c7f0 rgb(183,199,240) hsl(223,66%,83%)
#bbcbf1 rgb(187,203,241) hsl(223,66%,84%)
#c0cef2 rgb(192,206,242) hsl(223,66%,85%)
#c4d1f3 rgb(196,209,243) hsl(223,66%,86%)
#c8d4f4 rgb(200,212,244) hsl(223,66%,87%)
#ccd8f5 rgb(204,216,245) hsl(223,66%,88%)
#d0dbf5 rgb(208,219,245) hsl(223,66%,89%)
#d5def6 rgb(213,222,246) hsl(223,66%,90%)
#d9e1f7 rgb(217,225,247) hsl(223,66%,91%)
#dde5f8 rgb(221,229,248) hsl(223,66%,92%)
#e1e8f9 rgb(225,232,249) hsl(223,66%,93%)
#e6ebfa rgb(230,235,250) hsl(223,66%,94%)
#eaeffb rgb(234,239,251) hsl(223,66%,95%)
#eef2fc rgb(238,242,252) hsl(223,66%,96%)
#f2f5fc rgb(242,245,252) hsl(223,66%,97%)
#f7f8fd rgb(247,248,253) hsl(223,66%,98%)
#fbfcfe rgb(251,252,254) hsl(223,66%,99%)

Adjacent colors

HEX RGB HSL
#2bccd4 rgb(43,204,212) hsl(183,66%,50%)
#2b5bd4 rgb(43,91,212) hsl(223,66%,50%)
#6b2bd4 rgb(107,43,212) hsl(263,66%,50%)

Monochromatic colors

HEX RGB HSL
#6e8fe1 rgb(110,143,225) hsl(223,66%,66%)
#4c75da rgb(76,117,218) hsl(223,66%,58%)
#2b5bd4 rgb(43,91,212) hsl(223,66%,50%)
#244db2 rgb(36,77,178) hsl(223,66%,42%)
#1d3d90 rgb(29,61,144) hsl(223,66%,34%)
#16306e rgb(22,48,110) hsl(222,67%,26%)

Triad color palettes

HEX RGB HSL
#2b5bd4 rgb(43,91,212) hsl(223,66%,50%)
#d44f2b rgb(212,79,43) hsl(13,66%,50%)
#afd42b rgb(175,212,43) hsl(73,66%,50%)

Tetrad color palettes

HEX RGB HSL
#2b5bd4 rgb(43,91,212) hsl(223,66%,50%)
#d4a32b rgb(212,163,43) hsl(43,66%,50%)
#2bb0d4 rgb(43,176,212) hsl(193,66%,50%)
#afd42b rgb(175,212,43) hsl(73,66%,50%)