Color HEX #2F80D0, RGB(47,128,208)

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

#2f80d0
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Palette

2f80d0 color palette from light to dark

HEX RGB HSL
#010304 rgb(1,3,4) hsl(210,63%,1%)
#020508 rgb(2,5,8) hsl(210,63%,2%)
#03080c rgb(3,8,12) hsl(210,63%,3%)
#040a11 rgb(4,10,17) hsl(210,63%,4%)
#050d15 rgb(5,13,21) hsl(210,63%,5%)
#060f19 rgb(6,15,25) hsl(210,63%,6%)
#07121d rgb(7,18,29) hsl(210,63%,7%)
#081421 rgb(8,20,33) hsl(210,63%,8%)
#081725 rgb(8,23,37) hsl(210,63%,9%)
#091a2a rgb(9,26,42) hsl(210,63%,10%)
#0a1c2e rgb(10,28,46) hsl(210,63%,11%)
#0b1f32 rgb(11,31,50) hsl(210,63%,12%)
#0c2136 rgb(12,33,54) hsl(210,63%,13%)
#0d243a rgb(13,36,58) hsl(210,63%,14%)
#0e263e rgb(14,38,62) hsl(210,63%,15%)
#0f2943 rgb(15,41,67) hsl(210,63%,16%)
#102b47 rgb(16,43,71) hsl(210,63%,17%)
#112e4b rgb(17,46,75) hsl(210,63%,18%)
#12304f rgb(18,48,79) hsl(210,63%,19%)
#133353 rgb(19,51,83) hsl(210,63%,20%)
#143657 rgb(20,54,87) hsl(210,63%,21%)
#15385b rgb(21,56,91) hsl(210,63%,22%)
#163b60 rgb(22,59,96) hsl(210,63%,23%)
#173d64 rgb(23,61,100) hsl(210,63%,24%)
#184068 rgb(24,64,104) hsl(210,63%,25%)
#19426c rgb(25,66,108) hsl(210,63%,26%)
#194570 rgb(25,69,112) hsl(210,63%,27%)
#1a4774 rgb(26,71,116) hsl(210,63%,28%)
#1b4a79 rgb(27,74,121) hsl(210,63%,29%)
#1c4d7d rgb(28,77,125) hsl(210,63%,30%)
#1d4f81 rgb(29,79,129) hsl(210,63%,31%)
#1e5285 rgb(30,82,133) hsl(210,63%,32%)
#1f5489 rgb(31,84,137) hsl(210,63%,33%)
#20578d rgb(32,87,141) hsl(210,63%,34%)
#215991 rgb(33,89,145) hsl(210,63%,35%)
#225c96 rgb(34,92,150) hsl(210,63%,36%)
#235e9a rgb(35,94,154) hsl(210,63%,37%)
#24619e rgb(36,97,158) hsl(210,63%,38%)
#2563a2 rgb(37,99,162) hsl(210,63%,39%)
#2666a6 rgb(38,102,166) hsl(210,63%,40%)
#2769aa rgb(39,105,170) hsl(210,63%,41%)
#286baf rgb(40,107,175) hsl(210,63%,42%)
#296eb3 rgb(41,110,179) hsl(210,63%,43%)
#2a70b7 rgb(42,112,183) hsl(210,63%,44%)
#2a73bb rgb(42,115,187) hsl(210,63%,45%)
#2b75bf rgb(43,117,191) hsl(210,63%,46%)
#2c78c3 rgb(44,120,195) hsl(210,63%,47%)
#2d7ac8 rgb(45,122,200) hsl(210,63%,48%)
#2e7dcc rgb(46,125,204) hsl(210,63%,49%)
#2f80d0 rgb(47,128,208) hsl(210,63%,50%)
#3382d1 rgb(51,130,209) hsl(210,63%,51%)
#3785d2 rgb(55,133,210) hsl(210,63%,52%)
#3c87d3 rgb(60,135,211) hsl(210,63%,53%)
#408ad4 rgb(64,138,212) hsl(210,63%,54%)
#448cd5 rgb(68,140,213) hsl(210,63%,55%)
#488fd5 rgb(72,143,213) hsl(210,63%,56%)
#4c91d6 rgb(76,145,214) hsl(210,63%,57%)
#5094d7 rgb(80,148,215) hsl(210,63%,58%)
#5596d8 rgb(85,150,216) hsl(210,63%,59%)
#5999d9 rgb(89,153,217) hsl(210,63%,60%)
#5d9cda rgb(93,156,218) hsl(210,63%,61%)
#619edb rgb(97,158,219) hsl(210,63%,62%)
#65a1dc rgb(101,161,220) hsl(210,63%,63%)
#69a3dd rgb(105,163,221) hsl(210,63%,64%)
#6ea6de rgb(110,166,222) hsl(210,63%,65%)
#72a8df rgb(114,168,223) hsl(210,63%,66%)
#76abe0 rgb(118,171,224) hsl(210,63%,67%)
#7aade1 rgb(122,173,225) hsl(210,63%,68%)
#7eb0e2 rgb(126,176,226) hsl(210,63%,69%)
#82b3e3 rgb(130,179,227) hsl(210,63%,70%)
#86b5e4 rgb(134,181,228) hsl(210,63%,71%)
#8bb8e5 rgb(139,184,229) hsl(210,63%,72%)
#8fbae6 rgb(143,186,230) hsl(210,63%,73%)
#93bde6 rgb(147,189,230) hsl(210,63%,74%)
#97bfe7 rgb(151,191,231) hsl(210,63%,75%)
#9bc2e8 rgb(155,194,232) hsl(210,63%,76%)
#9fc4e9 rgb(159,196,233) hsl(210,63%,77%)
#a4c7ea rgb(164,199,234) hsl(210,63%,78%)
#a8c9eb rgb(168,201,235) hsl(210,63%,79%)
#acccec rgb(172,204,236) hsl(210,63%,80%)
#b0cfed rgb(176,207,237) hsl(210,63%,81%)
#b4d1ee rgb(180,209,238) hsl(210,63%,82%)
#b8d4ef rgb(184,212,239) hsl(210,63%,83%)
#bcd6f0 rgb(188,214,240) hsl(210,63%,84%)
#c1d9f1 rgb(193,217,241) hsl(210,63%,85%)
#c5dbf2 rgb(197,219,242) hsl(210,63%,86%)
#c9def3 rgb(201,222,243) hsl(210,63%,87%)
#cde0f4 rgb(205,224,244) hsl(210,63%,88%)
#d1e3f5 rgb(209,227,245) hsl(210,63%,89%)
#d5e6f6 rgb(213,230,246) hsl(210,63%,90%)
#dae8f7 rgb(218,232,247) hsl(210,63%,91%)
#deebf7 rgb(222,235,247) hsl(210,63%,92%)
#e2edf8 rgb(226,237,248) hsl(210,63%,93%)
#e6f0f9 rgb(230,240,249) hsl(210,63%,94%)
#eaf2fa rgb(234,242,250) hsl(210,63%,95%)
#eef5fb rgb(238,245,251) hsl(210,63%,96%)
#f3f7fc rgb(243,247,252) hsl(210,63%,97%)
#f7fafd rgb(247,250,253) hsl(210,63%,98%)
#fbfcfe rgb(251,252,254) hsl(210,63%,99%)

Adjacent colors

HEX RGB HSL
#2fd1b4 rgb(47,209,180) hsl(169,64%,50%)
#2f80d0 rgb(47,128,208) hsl(210,63%,50%)
#492ed0 rgb(73,46,208) hsl(250,64%,50%)

Monochromatic colors

HEX RGB HSL
#71a8df rgb(113,168,223) hsl(210,63%,66%)
#5094d7 rgb(80,148,215) hsl(210,63%,58%)
#2f80d0 rgb(47,128,208) hsl(210,63%,50%)
#276bae rgb(39,107,174) hsl(210,63%,42%)
#1f578d rgb(31,87,141) hsl(209,64%,34%)
#18426c rgb(24,66,108) hsl(210,64%,26%)

Triad color palettes

HEX RGB HSL
#2f80d0 rgb(47,128,208) hsl(210,63%,50%)
#d02e2f rgb(208,46,47) hsl(360,64%,50%)
#d0cf2f rgb(208,207,47) hsl(60,63%,50%)

Tetrad color palettes

HEX RGB HSL
#2f80d0 rgb(47,128,208) hsl(210,63%,50%)
#d0802f rgb(208,128,47) hsl(30,63%,50%)
#2fd1cf rgb(47,209,207) hsl(179,64%,50%)
#d0cf2f rgb(208,207,47) hsl(60,63%,50%)