Color HEX #2F7AD0, RGB(47,122,208)

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

#2f7ad0
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Palette

2f7ad0 color palette from light to dark

HEX RGB HSL
#010204 rgb(1,2,4) hsl(212,63%,1%)
#020508 rgb(2,5,8) hsl(212,63%,2%)
#03070c rgb(3,7,12) hsl(212,63%,3%)
#040a11 rgb(4,10,17) hsl(212,63%,4%)
#050c15 rgb(5,12,21) hsl(212,63%,5%)
#060f19 rgb(6,15,25) hsl(212,63%,6%)
#07111d rgb(7,17,29) hsl(212,63%,7%)
#081421 rgb(8,20,33) hsl(212,63%,8%)
#081625 rgb(8,22,37) hsl(212,63%,9%)
#09182a rgb(9,24,42) hsl(212,63%,10%)
#0a1b2e rgb(10,27,46) hsl(212,63%,11%)
#0b1d32 rgb(11,29,50) hsl(212,63%,12%)
#0c2036 rgb(12,32,54) hsl(212,63%,13%)
#0d223a rgb(13,34,58) hsl(212,63%,14%)
#0e253e rgb(14,37,62) hsl(212,63%,15%)
#0f2743 rgb(15,39,67) hsl(212,63%,16%)
#102a47 rgb(16,42,71) hsl(212,63%,17%)
#112c4b rgb(17,44,75) hsl(212,63%,18%)
#122e4f rgb(18,46,79) hsl(212,63%,19%)
#133153 rgb(19,49,83) hsl(212,63%,20%)
#143357 rgb(20,51,87) hsl(212,63%,21%)
#15365b rgb(21,54,91) hsl(212,63%,22%)
#163860 rgb(22,56,96) hsl(212,63%,23%)
#173b64 rgb(23,59,100) hsl(212,63%,24%)
#183d68 rgb(24,61,104) hsl(212,63%,25%)
#19406c rgb(25,64,108) hsl(212,63%,26%)
#194270 rgb(25,66,112) hsl(212,63%,27%)
#1a4474 rgb(26,68,116) hsl(212,63%,28%)
#1b4779 rgb(27,71,121) hsl(212,63%,29%)
#1c497d rgb(28,73,125) hsl(212,63%,30%)
#1d4c81 rgb(29,76,129) hsl(212,63%,31%)
#1e4e85 rgb(30,78,133) hsl(212,63%,32%)
#1f5189 rgb(31,81,137) hsl(212,63%,33%)
#20538d rgb(32,83,141) hsl(212,63%,34%)
#215691 rgb(33,86,145) hsl(212,63%,35%)
#225896 rgb(34,88,150) hsl(212,63%,36%)
#235a9a rgb(35,90,154) hsl(212,63%,37%)
#245d9e rgb(36,93,158) hsl(212,63%,38%)
#255fa2 rgb(37,95,162) hsl(212,63%,39%)
#2662a6 rgb(38,98,166) hsl(212,63%,40%)
#2764aa rgb(39,100,170) hsl(212,63%,41%)
#2867af rgb(40,103,175) hsl(212,63%,42%)
#2969b3 rgb(41,105,179) hsl(212,63%,43%)
#2a6bb7 rgb(42,107,183) hsl(212,63%,44%)
#2a6ebb rgb(42,110,187) hsl(212,63%,45%)
#2b70bf rgb(43,112,191) hsl(212,63%,46%)
#2c73c3 rgb(44,115,195) hsl(212,63%,47%)
#2d75c8 rgb(45,117,200) hsl(212,63%,48%)
#2e78cc rgb(46,120,204) hsl(212,63%,49%)
#2f7ad0 rgb(47,122,208) hsl(212,63%,50%)
#337dd1 rgb(51,125,209) hsl(212,63%,51%)
#377fd2 rgb(55,127,210) hsl(212,63%,52%)
#3c82d3 rgb(60,130,211) hsl(212,63%,53%)
#4085d4 rgb(64,133,212) hsl(212,63%,54%)
#4487d5 rgb(68,135,213) hsl(212,63%,55%)
#488ad5 rgb(72,138,213) hsl(212,63%,56%)
#4c8dd6 rgb(76,141,214) hsl(212,63%,57%)
#508fd7 rgb(80,143,215) hsl(212,63%,58%)
#5592d8 rgb(85,146,216) hsl(212,63%,59%)
#5995d9 rgb(89,149,217) hsl(212,63%,60%)
#5d97da rgb(93,151,218) hsl(212,63%,61%)
#619adb rgb(97,154,219) hsl(212,63%,62%)
#659ddc rgb(101,157,220) hsl(212,63%,63%)
#699fdd rgb(105,159,221) hsl(212,63%,64%)
#6ea2de rgb(110,162,222) hsl(212,63%,65%)
#72a5df rgb(114,165,223) hsl(212,63%,66%)
#76a7e0 rgb(118,167,224) hsl(212,63%,67%)
#7aaae1 rgb(122,170,225) hsl(212,63%,68%)
#7eade2 rgb(126,173,226) hsl(212,63%,69%)
#82afe3 rgb(130,175,227) hsl(212,63%,70%)
#86b2e4 rgb(134,178,228) hsl(212,63%,71%)
#8bb5e5 rgb(139,181,229) hsl(212,63%,72%)
#8fb7e6 rgb(143,183,230) hsl(212,63%,73%)
#93bae6 rgb(147,186,230) hsl(212,63%,74%)
#97bde7 rgb(151,189,231) hsl(212,63%,75%)
#9bbfe8 rgb(155,191,232) hsl(212,63%,76%)
#9fc2e9 rgb(159,194,233) hsl(212,63%,77%)
#a4c5ea rgb(164,197,234) hsl(212,63%,78%)
#a8c7eb rgb(168,199,235) hsl(212,63%,79%)
#accaec rgb(172,202,236) hsl(212,63%,80%)
#b0cded rgb(176,205,237) hsl(212,63%,81%)
#b4cfee rgb(180,207,238) hsl(212,63%,82%)
#b8d2ef rgb(184,210,239) hsl(212,63%,83%)
#bcd4f0 rgb(188,212,240) hsl(212,63%,84%)
#c1d7f1 rgb(193,215,241) hsl(212,63%,85%)
#c5daf2 rgb(197,218,242) hsl(212,63%,86%)
#c9dcf3 rgb(201,220,243) hsl(212,63%,87%)
#cddff4 rgb(205,223,244) hsl(212,63%,88%)
#d1e2f5 rgb(209,226,245) hsl(212,63%,89%)
#d5e4f6 rgb(213,228,246) hsl(212,63%,90%)
#dae7f7 rgb(218,231,247) hsl(212,63%,91%)
#deeaf7 rgb(222,234,247) hsl(212,63%,92%)
#e2ecf8 rgb(226,236,248) hsl(212,63%,93%)
#e6eff9 rgb(230,239,249) hsl(212,63%,94%)
#eaf2fa rgb(234,242,250) hsl(212,63%,95%)
#eef4fb rgb(238,244,251) hsl(212,63%,96%)
#f3f7fc rgb(243,247,252) hsl(212,63%,97%)
#f7fafd rgb(247,250,253) hsl(212,63%,98%)
#fbfcfe rgb(251,252,254) hsl(212,63%,99%)

Adjacent colors

HEX RGB HSL
#2fd1ba rgb(47,209,186) hsl(171,64%,50%)
#2f7ad0 rgb(47,122,208) hsl(212,63%,50%)
#4f2ed0 rgb(79,46,208) hsl(252,64%,50%)

Monochromatic colors

HEX RGB HSL
#71a6df rgb(113,166,223) hsl(211,63%,66%)
#508fd7 rgb(80,143,215) hsl(212,63%,58%)
#2f7ad0 rgb(47,122,208) hsl(212,63%,50%)
#2766ae rgb(39,102,174) hsl(212,63%,42%)
#1f548d rgb(31,84,141) hsl(211,64%,34%)
#18406c rgb(24,64,108) hsl(211,64%,26%)

Triad color palettes

HEX RGB HSL
#2f7ad0 rgb(47,122,208) hsl(212,63%,50%)
#d0362f rgb(208,54,47) hsl(3,63%,50%)
#cad12f rgb(202,209,47) hsl(63,64%,50%)

Tetrad color palettes

HEX RGB HSL
#2f7ad0 rgb(47,122,208) hsl(212,63%,50%)
#d0852f rgb(208,133,47) hsl(32,63%,50%)
#2fc9d0 rgb(47,201,208) hsl(183,63%,50%)
#cad12f rgb(202,209,47) hsl(63,64%,50%)