Color HEX #2F80D1, RGB(47,128,209)

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

#2f80d1
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Palette

2f80d1 color palette from light to dark

HEX RGB HSL
#010304 rgb(1,3,4) hsl(210,64%,1%)
#020508 rgb(2,5,8) hsl(210,64%,2%)
#03080d rgb(3,8,13) hsl(210,64%,3%)
#040a11 rgb(4,10,17) hsl(210,64%,4%)
#050d15 rgb(5,13,21) hsl(210,64%,5%)
#060f19 rgb(6,15,25) hsl(210,64%,6%)
#06121d rgb(6,18,29) hsl(210,64%,7%)
#071421 rgb(7,20,33) hsl(210,64%,8%)
#081726 rgb(8,23,38) hsl(210,64%,9%)
#091a2a rgb(9,26,42) hsl(210,64%,10%)
#0a1c2e rgb(10,28,46) hsl(210,64%,11%)
#0b1f32 rgb(11,31,50) hsl(210,64%,12%)
#0c2136 rgb(12,33,54) hsl(210,64%,13%)
#0d243b rgb(13,36,59) hsl(210,64%,14%)
#0e263f rgb(14,38,63) hsl(210,64%,15%)
#0f2943 rgb(15,41,67) hsl(210,64%,16%)
#102b47 rgb(16,43,71) hsl(210,64%,17%)
#112e4b rgb(17,46,75) hsl(210,64%,18%)
#11304f rgb(17,48,79) hsl(210,64%,19%)
#123354 rgb(18,51,84) hsl(210,64%,20%)
#133658 rgb(19,54,88) hsl(210,64%,21%)
#14385c rgb(20,56,92) hsl(210,64%,22%)
#153b60 rgb(21,59,96) hsl(210,64%,23%)
#163d64 rgb(22,61,100) hsl(210,64%,24%)
#174069 rgb(23,64,105) hsl(210,64%,25%)
#18426d rgb(24,66,109) hsl(210,64%,26%)
#194571 rgb(25,69,113) hsl(210,64%,27%)
#1a4775 rgb(26,71,117) hsl(210,64%,28%)
#1b4a79 rgb(27,74,121) hsl(210,64%,29%)
#1c4d7d rgb(28,77,125) hsl(210,64%,30%)
#1c4f82 rgb(28,79,130) hsl(210,64%,31%)
#1d5286 rgb(29,82,134) hsl(210,64%,32%)
#1e548a rgb(30,84,138) hsl(210,64%,33%)
#1f578e rgb(31,87,142) hsl(210,64%,34%)
#205992 rgb(32,89,146) hsl(210,64%,35%)
#215c97 rgb(33,92,151) hsl(210,64%,36%)
#225e9b rgb(34,94,155) hsl(210,64%,37%)
#23619f rgb(35,97,159) hsl(210,64%,38%)
#2463a3 rgb(36,99,163) hsl(210,64%,39%)
#2566a7 rgb(37,102,167) hsl(210,64%,40%)
#2669ab rgb(38,105,171) hsl(210,64%,41%)
#276bb0 rgb(39,107,176) hsl(210,64%,42%)
#276eb4 rgb(39,110,180) hsl(210,64%,43%)
#2870b8 rgb(40,112,184) hsl(210,64%,44%)
#2973bc rgb(41,115,188) hsl(210,64%,45%)
#2a75c0 rgb(42,117,192) hsl(210,64%,46%)
#2b78c5 rgb(43,120,197) hsl(210,64%,47%)
#2c7ac9 rgb(44,122,201) hsl(210,64%,48%)
#2d7dcd rgb(45,125,205) hsl(210,64%,49%)
#2e80d1 rgb(46,128,209) hsl(210,64%,50%)
#3282d2 rgb(50,130,210) hsl(210,64%,51%)
#3685d3 rgb(54,133,211) hsl(210,64%,52%)
#3a87d4 rgb(58,135,212) hsl(210,64%,53%)
#3f8ad5 rgb(63,138,213) hsl(210,64%,54%)
#438cd6 rgb(67,140,214) hsl(210,64%,55%)
#478fd7 rgb(71,143,215) hsl(210,64%,56%)
#4b91d8 rgb(75,145,216) hsl(210,64%,57%)
#4f94d8 rgb(79,148,216) hsl(210,64%,58%)
#5496d9 rgb(84,150,217) hsl(210,64%,59%)
#5899da rgb(88,153,218) hsl(210,64%,60%)
#5c9cdb rgb(92,156,219) hsl(210,64%,61%)
#609edc rgb(96,158,220) hsl(210,64%,62%)
#64a1dd rgb(100,161,221) hsl(210,64%,63%)
#68a3de rgb(104,163,222) hsl(210,64%,64%)
#6da6df rgb(109,166,223) hsl(210,64%,65%)
#71a8e0 rgb(113,168,224) hsl(210,64%,66%)
#75abe1 rgb(117,171,225) hsl(210,64%,67%)
#79ade2 rgb(121,173,226) hsl(210,64%,68%)
#7db0e3 rgb(125,176,227) hsl(210,64%,69%)
#82b3e3 rgb(130,179,227) hsl(210,64%,70%)
#86b5e4 rgb(134,181,228) hsl(210,64%,71%)
#8ab8e5 rgb(138,184,229) hsl(210,64%,72%)
#8ebae6 rgb(142,186,230) hsl(210,64%,73%)
#92bde7 rgb(146,189,231) hsl(210,64%,74%)
#96bfe8 rgb(150,191,232) hsl(210,64%,75%)
#9bc2e9 rgb(155,194,233) hsl(210,64%,76%)
#9fc4ea rgb(159,196,234) hsl(210,64%,77%)
#a3c7eb rgb(163,199,235) hsl(210,64%,78%)
#a7c9ec rgb(167,201,236) hsl(210,64%,79%)
#abcced rgb(171,204,237) hsl(210,64%,80%)
#b0cfee rgb(176,207,238) hsl(210,64%,81%)
#b4d1ee rgb(180,209,238) hsl(210,64%,82%)
#b8d4ef rgb(184,212,239) hsl(210,64%,83%)
#bcd6f0 rgb(188,214,240) hsl(210,64%,84%)
#c0d9f1 rgb(192,217,241) hsl(210,64%,85%)
#c4dbf2 rgb(196,219,242) hsl(210,64%,86%)
#c9def3 rgb(201,222,243) hsl(210,64%,87%)
#cde0f4 rgb(205,224,244) hsl(210,64%,88%)
#d1e3f5 rgb(209,227,245) hsl(210,64%,89%)
#d5e6f6 rgb(213,230,246) hsl(210,64%,90%)
#d9e8f7 rgb(217,232,247) hsl(210,64%,91%)
#deebf8 rgb(222,235,248) hsl(210,64%,92%)
#e2edf9 rgb(226,237,249) hsl(210,64%,93%)
#e6f0f9 rgb(230,240,249) hsl(210,64%,94%)
#eaf2fa rgb(234,242,250) hsl(210,64%,95%)
#eef5fb rgb(238,245,251) hsl(210,64%,96%)
#f2f7fc rgb(242,247,252) hsl(210,64%,97%)
#f7fafd rgb(247,250,253) hsl(210,64%,98%)
#fbfcfe rgb(251,252,254) hsl(210,64%,99%)

Adjacent colors

HEX RGB HSL
#2fd1b6 rgb(47,209,182) hsl(170,64%,50%)
#2f80d1 rgb(47,128,209) hsl(210,64%,50%)
#4a2ed1 rgb(74,46,209) hsl(250,64%,50%)

Monochromatic colors

HEX RGB HSL
#72a8df rgb(114,168,223) hsl(210,63%,66%)
#5094d8 rgb(80,148,216) hsl(210,64%,58%)
#2f80d1 rgb(47,128,209) hsl(210,64%,50%)
#266bb0 rgb(38,107,176) hsl(210,64%,42%)
#1f578e rgb(31,87,142) hsl(210,64%,34%)
#18426d rgb(24,66,109) hsl(210,64%,26%)

Triad color palettes

HEX RGB HSL
#2f80d1 rgb(47,128,209) hsl(210,64%,50%)
#d12e2f rgb(209,46,47) hsl(360,64%,50%)
#d1d12f rgb(209,209,47) hsl(60,64%,50%)

Tetrad color palettes

HEX RGB HSL
#2f80d1 rgb(47,128,209) hsl(210,64%,50%)
#d1802f rgb(209,128,47) hsl(30,64%,50%)
#2fd1d1 rgb(47,209,209) hsl(180,64%,50%)
#d1d12f rgb(209,209,47) hsl(60,64%,50%)