Color HEX #2061DF, RGB(32,97,223)

Color name is Mariner. The color #2061df is a dark shade and highly saturated.

#2061df
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Palette

2061df color palette from light to dark

HEX RGB HSL
#010204 rgb(1,2,4) hsl(220,75%,1%)
#010409 rgb(1,4,9) hsl(220,75%,2%)
#02060d rgb(2,6,13) hsl(220,75%,3%)
#030812 rgb(3,8,18) hsl(220,75%,4%)
#030a16 rgb(3,10,22) hsl(220,75%,5%)
#040b1b rgb(4,11,27) hsl(220,75%,6%)
#040d1f rgb(4,13,31) hsl(220,75%,7%)
#050f24 rgb(5,15,36) hsl(220,75%,8%)
#061128 rgb(6,17,40) hsl(220,75%,9%)
#06132d rgb(6,19,45) hsl(220,75%,10%)
#071531 rgb(7,21,49) hsl(220,75%,11%)
#081736 rgb(8,23,54) hsl(220,75%,12%)
#08193a rgb(8,25,58) hsl(220,75%,13%)
#091b3e rgb(9,27,62) hsl(220,75%,14%)
#0a1d43 rgb(10,29,67) hsl(220,75%,15%)
#0a1f47 rgb(10,31,71) hsl(220,75%,16%)
#0b214c rgb(11,33,76) hsl(220,75%,17%)
#0b2250 rgb(11,34,80) hsl(220,75%,18%)
#0c2455 rgb(12,36,85) hsl(220,75%,19%)
#0d2659 rgb(13,38,89) hsl(220,75%,20%)
#0d285e rgb(13,40,94) hsl(220,75%,21%)
#0e2a62 rgb(14,42,98) hsl(220,75%,22%)
#0f2c67 rgb(15,44,103) hsl(220,75%,23%)
#0f2e6b rgb(15,46,107) hsl(220,75%,24%)
#103070 rgb(16,48,112) hsl(220,75%,25%)
#113274 rgb(17,50,116) hsl(220,75%,26%)
#113478 rgb(17,52,120) hsl(220,75%,27%)
#12367d rgb(18,54,125) hsl(220,75%,28%)
#123781 rgb(18,55,129) hsl(220,75%,29%)
#133986 rgb(19,57,134) hsl(220,75%,30%)
#143b8a rgb(20,59,138) hsl(220,75%,31%)
#143d8f rgb(20,61,143) hsl(220,75%,32%)
#153f93 rgb(21,63,147) hsl(220,75%,33%)
#164198 rgb(22,65,152) hsl(220,75%,34%)
#16439c rgb(22,67,156) hsl(220,75%,35%)
#1745a1 rgb(23,69,161) hsl(220,75%,36%)
#1847a5 rgb(24,71,165) hsl(220,75%,37%)
#1849aa rgb(24,73,170) hsl(220,75%,38%)
#194bae rgb(25,75,174) hsl(220,75%,39%)
#1a4cb3 rgb(26,76,179) hsl(220,75%,40%)
#1a4eb7 rgb(26,78,183) hsl(220,75%,41%)
#1b50bb rgb(27,80,187) hsl(220,75%,42%)
#1b52c0 rgb(27,82,192) hsl(220,75%,43%)
#1c54c4 rgb(28,84,196) hsl(220,75%,44%)
#1d56c9 rgb(29,86,201) hsl(220,75%,45%)
#1d58cd rgb(29,88,205) hsl(220,75%,46%)
#1e5ad2 rgb(30,90,210) hsl(220,75%,47%)
#1f5cd6 rgb(31,92,214) hsl(220,75%,48%)
#1f5edb rgb(31,94,219) hsl(220,75%,49%)
#2060df rgb(32,96,223) hsl(220,75%,50%)
#2463e0 rgb(36,99,224) hsl(220,75%,51%)
#2966e0 rgb(41,102,224) hsl(220,75%,52%)
#2d69e1 rgb(45,105,225) hsl(220,75%,53%)
#326ce2 rgb(50,108,226) hsl(220,75%,54%)
#3670e2 rgb(54,112,226) hsl(220,75%,55%)
#3b73e3 rgb(59,115,227) hsl(220,75%,56%)
#3f76e4 rgb(63,118,228) hsl(220,75%,57%)
#4479e4 rgb(68,121,228) hsl(220,75%,58%)
#487ce5 rgb(72,124,229) hsl(220,75%,59%)
#4d80e6 rgb(77,128,230) hsl(220,75%,60%)
#5183e6 rgb(81,131,230) hsl(220,75%,61%)
#5586e7 rgb(85,134,231) hsl(220,75%,62%)
#5a89e7 rgb(90,137,231) hsl(220,75%,63%)
#5e8ce8 rgb(94,140,232) hsl(220,75%,64%)
#638fe9 rgb(99,143,233) hsl(220,75%,65%)
#6793e9 rgb(103,147,233) hsl(220,75%,66%)
#6c96ea rgb(108,150,234) hsl(220,75%,67%)
#7099eb rgb(112,153,235) hsl(220,75%,68%)
#759ceb rgb(117,156,235) hsl(220,75%,69%)
#799fec rgb(121,159,236) hsl(220,75%,70%)
#7ea3ed rgb(126,163,237) hsl(220,75%,71%)
#82a6ed rgb(130,166,237) hsl(220,75%,72%)
#87a9ee rgb(135,169,238) hsl(220,75%,73%)
#8bacee rgb(139,172,238) hsl(220,75%,74%)
#8fafef rgb(143,175,239) hsl(220,75%,75%)
#94b3f0 rgb(148,179,240) hsl(220,75%,76%)
#98b6f0 rgb(152,182,240) hsl(220,75%,77%)
#9db9f1 rgb(157,185,241) hsl(220,75%,78%)
#a1bcf2 rgb(161,188,242) hsl(220,75%,79%)
#a6bff2 rgb(166,191,242) hsl(220,75%,80%)
#aac2f3 rgb(170,194,243) hsl(220,75%,81%)
#afc6f4 rgb(175,198,244) hsl(220,75%,82%)
#b3c9f4 rgb(179,201,244) hsl(220,75%,83%)
#b8ccf5 rgb(184,204,245) hsl(220,75%,84%)
#bccff5 rgb(188,207,245) hsl(220,75%,85%)
#c1d2f6 rgb(193,210,246) hsl(220,75%,86%)
#c5d6f7 rgb(197,214,247) hsl(220,75%,87%)
#c9d9f7 rgb(201,217,247) hsl(220,75%,88%)
#cedcf8 rgb(206,220,248) hsl(220,75%,89%)
#d2dff9 rgb(210,223,249) hsl(220,75%,90%)
#d7e2f9 rgb(215,226,249) hsl(220,75%,91%)
#dbe6fa rgb(219,230,250) hsl(220,75%,92%)
#e0e9fb rgb(224,233,251) hsl(220,75%,93%)
#e4ecfb rgb(228,236,251) hsl(220,75%,94%)
#e9effc rgb(233,239,252) hsl(220,75%,95%)
#edf2fc rgb(237,242,252) hsl(220,75%,96%)
#f2f5fd rgb(242,245,253) hsl(220,75%,97%)
#f6f9fe rgb(246,249,254) hsl(220,75%,98%)
#fbfcfe rgb(251,252,254) hsl(220,75%,99%)

Adjacent colors

HEX RGB HSL
#20dedd rgb(32,222,221) hsl(180,75%,50%)
#2061df rgb(32,97,223) hsl(220,75%,50%)
#5e21df rgb(94,33,223) hsl(259,75%,50%)

Monochromatic colors

HEX RGB HSL
#6794e9 rgb(103,148,233) hsl(219,75%,66%)
#437ae4 rgb(67,122,228) hsl(220,75%,58%)
#2061df rgb(32,97,223) hsl(220,75%,50%)
#1a52bb rgb(26,82,187) hsl(219,76%,42%)
#154297 rgb(21,66,151) hsl(219,76%,34%)
#103373 rgb(16,51,115) hsl(219,76%,26%)

Triad color palettes

HEX RGB HSL
#2061df rgb(32,97,223) hsl(220,75%,50%)
#df4020 rgb(223,64,32) hsl(10,75%,50%)
#c0de20 rgb(192,222,32) hsl(69,75%,50%)

Tetrad color palettes

HEX RGB HSL
#2061df rgb(32,97,223) hsl(220,75%,50%)
#df9e20 rgb(223,158,32) hsl(40,75%,50%)
#20bfdf rgb(32,191,223) hsl(190,75%,50%)
#c0de20 rgb(192,222,32) hsl(69,75%,50%)