Color HEX #2F7AD1, RGB(47,122,209)

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

#2f7ad1
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Palette

2f7ad1 color palette from light to dark

HEX RGB HSL
#010204 rgb(1,2,4) hsl(212,64%,1%)
#020508 rgb(2,5,8) hsl(212,64%,2%)
#03070d rgb(3,7,13) hsl(212,64%,3%)
#040a11 rgb(4,10,17) hsl(212,64%,4%)
#050c15 rgb(5,12,21) hsl(212,64%,5%)
#060f19 rgb(6,15,25) hsl(212,64%,6%)
#06111d rgb(6,17,29) hsl(212,64%,7%)
#071421 rgb(7,20,33) hsl(212,64%,8%)
#081626 rgb(8,22,38) hsl(212,64%,9%)
#09182a rgb(9,24,42) hsl(212,64%,10%)
#0a1b2e rgb(10,27,46) hsl(212,64%,11%)
#0b1d32 rgb(11,29,50) hsl(212,64%,12%)
#0c2036 rgb(12,32,54) hsl(212,64%,13%)
#0d223b rgb(13,34,59) hsl(212,64%,14%)
#0e253f rgb(14,37,63) hsl(212,64%,15%)
#0f2743 rgb(15,39,67) hsl(212,64%,16%)
#102a47 rgb(16,42,71) hsl(212,64%,17%)
#112c4b rgb(17,44,75) hsl(212,64%,18%)
#112e4f rgb(17,46,79) hsl(212,64%,19%)
#123154 rgb(18,49,84) hsl(212,64%,20%)
#133358 rgb(19,51,88) hsl(212,64%,21%)
#14365c rgb(20,54,92) hsl(212,64%,22%)
#153860 rgb(21,56,96) hsl(212,64%,23%)
#163b64 rgb(22,59,100) hsl(212,64%,24%)
#173d69 rgb(23,61,105) hsl(212,64%,25%)
#183f6d rgb(24,63,109) hsl(212,64%,26%)
#194271 rgb(25,66,113) hsl(212,64%,27%)
#1a4475 rgb(26,68,117) hsl(212,64%,28%)
#1b4779 rgb(27,71,121) hsl(212,64%,29%)
#1c497d rgb(28,73,125) hsl(212,64%,30%)
#1c4c82 rgb(28,76,130) hsl(212,64%,31%)
#1d4e86 rgb(29,78,134) hsl(212,64%,32%)
#1e518a rgb(30,81,138) hsl(212,64%,33%)
#1f538e rgb(31,83,142) hsl(212,64%,34%)
#205592 rgb(32,85,146) hsl(212,64%,35%)
#215897 rgb(33,88,151) hsl(212,64%,36%)
#225a9b rgb(34,90,155) hsl(212,64%,37%)
#235d9f rgb(35,93,159) hsl(212,64%,38%)
#245fa3 rgb(36,95,163) hsl(212,64%,39%)
#2562a7 rgb(37,98,167) hsl(212,64%,40%)
#2664ab rgb(38,100,171) hsl(212,64%,41%)
#2767b0 rgb(39,103,176) hsl(212,64%,42%)
#2769b4 rgb(39,105,180) hsl(212,64%,43%)
#286bb8 rgb(40,107,184) hsl(212,64%,44%)
#296ebc rgb(41,110,188) hsl(212,64%,45%)
#2a70c0 rgb(42,112,192) hsl(212,64%,46%)
#2b73c5 rgb(43,115,197) hsl(212,64%,47%)
#2c75c9 rgb(44,117,201) hsl(212,64%,48%)
#2d78cd rgb(45,120,205) hsl(212,64%,49%)
#2e7ad1 rgb(46,122,209) hsl(212,64%,50%)
#327dd2 rgb(50,125,210) hsl(212,64%,51%)
#367fd3 rgb(54,127,211) hsl(212,64%,52%)
#3a82d4 rgb(58,130,212) hsl(212,64%,53%)
#3f85d5 rgb(63,133,213) hsl(212,64%,54%)
#4387d6 rgb(67,135,214) hsl(212,64%,55%)
#478ad7 rgb(71,138,215) hsl(212,64%,56%)
#4b8dd8 rgb(75,141,216) hsl(212,64%,57%)
#4f8fd8 rgb(79,143,216) hsl(212,64%,58%)
#5492d9 rgb(84,146,217) hsl(212,64%,59%)
#5895da rgb(88,149,218) hsl(212,64%,60%)
#5c97db rgb(92,151,219) hsl(212,64%,61%)
#609adc rgb(96,154,220) hsl(212,64%,62%)
#649ddd rgb(100,157,221) hsl(212,64%,63%)
#689fde rgb(104,159,222) hsl(212,64%,64%)
#6da2df rgb(109,162,223) hsl(212,64%,65%)
#71a5e0 rgb(113,165,224) hsl(212,64%,66%)
#75a7e1 rgb(117,167,225) hsl(212,64%,67%)
#79aae2 rgb(121,170,226) hsl(212,64%,68%)
#7dade3 rgb(125,173,227) hsl(212,64%,69%)
#82afe3 rgb(130,175,227) hsl(212,64%,70%)
#86b2e4 rgb(134,178,228) hsl(212,64%,71%)
#8ab5e5 rgb(138,181,229) hsl(212,64%,72%)
#8eb7e6 rgb(142,183,230) hsl(212,64%,73%)
#92bae7 rgb(146,186,231) hsl(212,64%,74%)
#96bde8 rgb(150,189,232) hsl(212,64%,75%)
#9bbfe9 rgb(155,191,233) hsl(212,64%,76%)
#9fc2ea rgb(159,194,234) hsl(212,64%,77%)
#a3c5eb rgb(163,197,235) hsl(212,64%,78%)
#a7c7ec rgb(167,199,236) hsl(212,64%,79%)
#abcaed rgb(171,202,237) hsl(212,64%,80%)
#b0ccee rgb(176,204,238) hsl(212,64%,81%)
#b4cfee rgb(180,207,238) hsl(212,64%,82%)
#b8d2ef rgb(184,210,239) hsl(212,64%,83%)
#bcd4f0 rgb(188,212,240) hsl(212,64%,84%)
#c0d7f1 rgb(192,215,241) hsl(212,64%,85%)
#c4daf2 rgb(196,218,242) hsl(212,64%,86%)
#c9dcf3 rgb(201,220,243) hsl(212,64%,87%)
#cddff4 rgb(205,223,244) hsl(212,64%,88%)
#d1e2f5 rgb(209,226,245) hsl(212,64%,89%)
#d5e4f6 rgb(213,228,246) hsl(212,64%,90%)
#d9e7f7 rgb(217,231,247) hsl(212,64%,91%)
#deeaf8 rgb(222,234,248) hsl(212,64%,92%)
#e2ecf9 rgb(226,236,249) hsl(212,64%,93%)
#e6eff9 rgb(230,239,249) hsl(212,64%,94%)
#eaf2fa rgb(234,242,250) hsl(212,64%,95%)
#eef4fb rgb(238,244,251) hsl(212,64%,96%)
#f2f7fc rgb(242,247,252) hsl(212,64%,97%)
#f7fafd rgb(247,250,253) hsl(212,64%,98%)
#fbfcfe rgb(251,252,254) hsl(212,64%,99%)

Adjacent colors

HEX RGB HSL
#2fd1bc rgb(47,209,188) hsl(172,64%,50%)
#2f7ad1 rgb(47,122,209) hsl(212,64%,50%)
#502ed1 rgb(80,46,209) hsl(253,64%,50%)

Monochromatic colors

HEX RGB HSL
#72a6df rgb(114,166,223) hsl(211,63%,66%)
#508fd8 rgb(80,143,216) hsl(212,64%,58%)
#2f7ad1 rgb(47,122,209) hsl(212,64%,50%)
#2666b0 rgb(38,102,176) hsl(212,64%,42%)
#1f548e rgb(31,84,142) hsl(211,64%,34%)
#18406d rgb(24,64,109) hsl(212,64%,26%)

Triad color palettes

HEX RGB HSL
#2f7ad1 rgb(47,122,209) hsl(212,64%,50%)
#d1362f rgb(209,54,47) hsl(3,64%,50%)
#cbd12f rgb(203,209,47) hsl(62,64%,50%)

Tetrad color palettes

HEX RGB HSL
#2f7ad1 rgb(47,122,209) hsl(212,64%,50%)
#d1872f rgb(209,135,47) hsl(33,64%,50%)
#2fccd1 rgb(47,204,209) hsl(182,64%,50%)
#cbd12f rgb(203,209,47) hsl(62,64%,50%)