Color HEX #2F5DD0, RGB(47,93,208)

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

#2f5dd0
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Palette

2f5dd0 color palette from light to dark

HEX RGB HSL
#010204 rgb(1,2,4) hsl(223,63%,1%)
#020408 rgb(2,4,8) hsl(223,63%,2%)
#03060c rgb(3,6,12) hsl(223,63%,3%)
#040711 rgb(4,7,17) hsl(223,63%,4%)
#050915 rgb(5,9,21) hsl(223,63%,5%)
#060b19 rgb(6,11,25) hsl(223,63%,6%)
#070d1d rgb(7,13,29) hsl(223,63%,7%)
#080f21 rgb(8,15,33) hsl(223,63%,8%)
#081125 rgb(8,17,37) hsl(223,63%,9%)
#09132a rgb(9,19,42) hsl(223,63%,10%)
#0a142e rgb(10,20,46) hsl(223,63%,11%)
#0b1632 rgb(11,22,50) hsl(223,63%,12%)
#0c1836 rgb(12,24,54) hsl(223,63%,13%)
#0d1a3a rgb(13,26,58) hsl(223,63%,14%)
#0e1c3e rgb(14,28,62) hsl(223,63%,15%)
#0f1e43 rgb(15,30,67) hsl(223,63%,16%)
#102047 rgb(16,32,71) hsl(223,63%,17%)
#11214b rgb(17,33,75) hsl(223,63%,18%)
#12234f rgb(18,35,79) hsl(223,63%,19%)
#132553 rgb(19,37,83) hsl(223,63%,20%)
#142757 rgb(20,39,87) hsl(223,63%,21%)
#15295b rgb(21,41,91) hsl(223,63%,22%)
#162b60 rgb(22,43,96) hsl(223,63%,23%)
#172c64 rgb(23,44,100) hsl(223,63%,24%)
#182e68 rgb(24,46,104) hsl(223,63%,25%)
#19306c rgb(25,48,108) hsl(223,63%,26%)
#193270 rgb(25,50,112) hsl(223,63%,27%)
#1a3474 rgb(26,52,116) hsl(223,63%,28%)
#1b3679 rgb(27,54,121) hsl(223,63%,29%)
#1c387d rgb(28,56,125) hsl(223,63%,30%)
#1d3981 rgb(29,57,129) hsl(223,63%,31%)
#1e3b85 rgb(30,59,133) hsl(223,63%,32%)
#1f3d89 rgb(31,61,137) hsl(223,63%,33%)
#203f8d rgb(32,63,141) hsl(223,63%,34%)
#214191 rgb(33,65,145) hsl(223,63%,35%)
#224396 rgb(34,67,150) hsl(223,63%,36%)
#23459a rgb(35,69,154) hsl(223,63%,37%)
#24469e rgb(36,70,158) hsl(223,63%,38%)
#2548a2 rgb(37,72,162) hsl(223,63%,39%)
#264aa6 rgb(38,74,166) hsl(223,63%,40%)
#274caa rgb(39,76,170) hsl(223,63%,41%)
#284eaf rgb(40,78,175) hsl(223,63%,42%)
#2950b3 rgb(41,80,179) hsl(223,63%,43%)
#2a52b7 rgb(42,82,183) hsl(223,63%,44%)
#2a53bb rgb(42,83,187) hsl(223,63%,45%)
#2b55bf rgb(43,85,191) hsl(223,63%,46%)
#2c57c3 rgb(44,87,195) hsl(223,63%,47%)
#2d59c8 rgb(45,89,200) hsl(223,63%,48%)
#2e5bcc rgb(46,91,204) hsl(223,63%,49%)
#2f5dd0 rgb(47,93,208) hsl(223,63%,50%)
#3360d1 rgb(51,96,209) hsl(223,63%,51%)
#3763d2 rgb(55,99,210) hsl(223,63%,52%)
#3c66d3 rgb(60,102,211) hsl(223,63%,53%)
#406ad4 rgb(64,106,212) hsl(223,63%,54%)
#446dd5 rgb(68,109,213) hsl(223,63%,55%)
#4870d5 rgb(72,112,213) hsl(223,63%,56%)
#4c73d6 rgb(76,115,214) hsl(223,63%,57%)
#5077d7 rgb(80,119,215) hsl(223,63%,58%)
#557ad8 rgb(85,122,216) hsl(223,63%,59%)
#597dd9 rgb(89,125,217) hsl(223,63%,60%)
#5d80da rgb(93,128,218) hsl(223,63%,61%)
#6184db rgb(97,132,219) hsl(223,63%,62%)
#6587dc rgb(101,135,220) hsl(223,63%,63%)
#698add rgb(105,138,221) hsl(223,63%,64%)
#6e8dde rgb(110,141,222) hsl(223,63%,65%)
#7291df rgb(114,145,223) hsl(223,63%,66%)
#7694e0 rgb(118,148,224) hsl(223,63%,67%)
#7a97e1 rgb(122,151,225) hsl(223,63%,68%)
#7e9ae2 rgb(126,154,226) hsl(223,63%,69%)
#829ee3 rgb(130,158,227) hsl(223,63%,70%)
#86a1e4 rgb(134,161,228) hsl(223,63%,71%)
#8ba4e5 rgb(139,164,229) hsl(223,63%,72%)
#8fa7e6 rgb(143,167,230) hsl(223,63%,73%)
#93abe6 rgb(147,171,230) hsl(223,63%,74%)
#97aee7 rgb(151,174,231) hsl(223,63%,75%)
#9bb1e8 rgb(155,177,232) hsl(223,63%,76%)
#9fb4e9 rgb(159,180,233) hsl(223,63%,77%)
#a4b8ea rgb(164,184,234) hsl(223,63%,78%)
#a8bbeb rgb(168,187,235) hsl(223,63%,79%)
#acbeec rgb(172,190,236) hsl(223,63%,80%)
#b0c1ed rgb(176,193,237) hsl(223,63%,81%)
#b4c5ee rgb(180,197,238) hsl(223,63%,82%)
#b8c8ef rgb(184,200,239) hsl(223,63%,83%)
#bccbf0 rgb(188,203,240) hsl(223,63%,84%)
#c1cef1 rgb(193,206,241) hsl(223,63%,85%)
#c5d2f2 rgb(197,210,242) hsl(223,63%,86%)
#c9d5f3 rgb(201,213,243) hsl(223,63%,87%)
#cdd8f4 rgb(205,216,244) hsl(223,63%,88%)
#d1dbf5 rgb(209,219,245) hsl(223,63%,89%)
#d5dff6 rgb(213,223,246) hsl(223,63%,90%)
#dae2f7 rgb(218,226,247) hsl(223,63%,91%)
#dee5f7 rgb(222,229,247) hsl(223,63%,92%)
#e2e8f8 rgb(226,232,248) hsl(223,63%,93%)
#e6ecf9 rgb(230,236,249) hsl(223,63%,94%)
#eaeffa rgb(234,239,250) hsl(223,63%,95%)
#eef2fb rgb(238,242,251) hsl(223,63%,96%)
#f3f5fc rgb(243,245,252) hsl(223,63%,97%)
#f7f9fd rgb(247,249,253) hsl(223,63%,98%)
#fbfcfe rgb(251,252,254) hsl(223,63%,99%)

Adjacent colors

HEX RGB HSL
#2fc9d0 rgb(47,201,208) hsl(183,63%,50%)
#2f5dd0 rgb(47,93,208) hsl(223,63%,50%)
#6c2ed0 rgb(108,46,208) hsl(263,64%,50%)

Monochromatic colors

HEX RGB HSL
#7191df rgb(113,145,223) hsl(223,63%,66%)
#5078d7 rgb(80,120,215) hsl(222,63%,58%)
#2f5dd0 rgb(47,93,208) hsl(223,63%,50%)
#274fae rgb(39,79,174) hsl(222,63%,42%)
#1f408d rgb(31,64,141) hsl(222,64%,34%)
#18306c rgb(24,48,108) hsl(223,64%,26%)

Triad color palettes

HEX RGB HSL
#2f5dd0 rgb(47,93,208) hsl(223,63%,50%)
#d0522f rgb(208,82,47) hsl(13,63%,50%)
#add12f rgb(173,209,47) hsl(73,64%,50%)

Tetrad color palettes

HEX RGB HSL
#2f5dd0 rgb(47,93,208) hsl(223,63%,50%)
#d0a32f rgb(208,163,47) hsl(43,63%,50%)
#2fadd0 rgb(47,173,208) hsl(193,63%,50%)
#add12f rgb(173,209,47) hsl(73,64%,50%)