Color HEX #2A7AD5, RGB(42,122,213)

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

#2a7ad5
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Palette

2a7ad5 color palette from light to dark

HEX RGB HSL
#010204 rgb(1,2,4) hsl(212,67%,1%)
#020509 rgb(2,5,9) hsl(212,67%,2%)
#03070d rgb(3,7,13) hsl(212,67%,3%)
#030a11 rgb(3,10,17) hsl(212,67%,4%)
#040c15 rgb(4,12,21) hsl(212,67%,5%)
#050f1a rgb(5,15,26) hsl(212,67%,6%)
#06111e rgb(6,17,30) hsl(212,67%,7%)
#071322 rgb(7,19,34) hsl(212,67%,8%)
#081626 rgb(8,22,38) hsl(212,67%,9%)
#08182b rgb(8,24,43) hsl(212,67%,10%)
#091b2f rgb(9,27,47) hsl(212,67%,11%)
#0a1d33 rgb(10,29,51) hsl(212,67%,12%)
#0b2037 rgb(11,32,55) hsl(212,67%,13%)
#0c223c rgb(12,34,60) hsl(212,67%,14%)
#0d2540 rgb(13,37,64) hsl(212,67%,15%)
#0d2744 rgb(13,39,68) hsl(212,67%,16%)
#0f2c4d rgb(15,44,77) hsl(212,67%,18%)
#102e51 rgb(16,46,81) hsl(212,67%,19%)
#113155 rgb(17,49,85) hsl(212,67%,20%)
#123359 rgb(18,51,89) hsl(212,67%,21%)
#13365e rgb(19,54,94) hsl(212,67%,22%)
#133862 rgb(19,56,98) hsl(212,67%,23%)
#143a66 rgb(20,58,102) hsl(212,67%,24%)
#153d6a rgb(21,61,106) hsl(212,67%,25%)
#163f6f rgb(22,63,111) hsl(212,67%,26%)
#174273 rgb(23,66,115) hsl(212,67%,27%)
#184477 rgb(24,68,119) hsl(212,67%,28%)
#18477b rgb(24,71,123) hsl(212,67%,29%)
#194980 rgb(25,73,128) hsl(212,67%,30%)
#1a4c84 rgb(26,76,132) hsl(212,67%,31%)
#1b4e88 rgb(27,78,136) hsl(212,67%,32%)
#1c508d rgb(28,80,141) hsl(212,67%,33%)
#1d5391 rgb(29,83,145) hsl(212,67%,34%)
#1d5595 rgb(29,85,149) hsl(212,67%,35%)
#1e5899 rgb(30,88,153) hsl(212,67%,36%)
#1f5a9e rgb(31,90,158) hsl(212,67%,37%)
#205da2 rgb(32,93,162) hsl(212,67%,38%)
#215fa6 rgb(33,95,166) hsl(212,67%,39%)
#2261aa rgb(34,97,170) hsl(212,67%,40%)
#2364af rgb(35,100,175) hsl(212,67%,41%)
#2366b3 rgb(35,102,179) hsl(212,67%,42%)
#2469b7 rgb(36,105,183) hsl(212,67%,43%)
#256bbb rgb(37,107,187) hsl(212,67%,44%)
#266ec0 rgb(38,110,192) hsl(212,67%,45%)
#2770c4 rgb(39,112,196) hsl(212,67%,46%)
#2872c8 rgb(40,114,200) hsl(212,67%,47%)
#2875cc rgb(40,117,204) hsl(212,67%,48%)
#2977d1 rgb(41,119,209) hsl(212,67%,49%)
#2a7ad5 rgb(42,122,213) hsl(212,67%,50%)
#2e7cd6 rgb(46,124,214) hsl(212,67%,51%)
#337fd7 rgb(51,127,215) hsl(212,67%,52%)
#3782d7 rgb(55,130,215) hsl(212,67%,53%)
#3b84d8 rgb(59,132,216) hsl(212,67%,54%)
#3f87d9 rgb(63,135,217) hsl(212,67%,55%)
#448ada rgb(68,138,218) hsl(212,67%,56%)
#488cdb rgb(72,140,219) hsl(212,67%,57%)
#4c8fdc rgb(76,143,220) hsl(212,67%,58%)
#5092dc rgb(80,146,220) hsl(212,67%,59%)
#5594dd rgb(85,148,221) hsl(212,67%,60%)
#5997de rgb(89,151,222) hsl(212,67%,61%)
#5d9adf rgb(93,154,223) hsl(212,67%,62%)
#619ce0 rgb(97,156,224) hsl(212,67%,63%)
#669fe1 rgb(102,159,225) hsl(212,67%,64%)
#6aa2e2 rgb(106,162,226) hsl(212,67%,65%)
#6ea4e2 rgb(110,164,226) hsl(212,67%,66%)
#72a7e3 rgb(114,167,227) hsl(212,67%,67%)
#77aae4 rgb(119,170,228) hsl(212,67%,68%)
#7bace5 rgb(123,172,229) hsl(212,67%,69%)
#7fafe6 rgb(127,175,230) hsl(212,67%,70%)
#84b2e7 rgb(132,178,231) hsl(212,67%,71%)
#88b4e7 rgb(136,180,231) hsl(212,67%,72%)
#8cb7e8 rgb(140,183,232) hsl(212,67%,73%)
#90bae9 rgb(144,186,233) hsl(212,67%,74%)
#95bcea rgb(149,188,234) hsl(212,67%,75%)
#99bfeb rgb(153,191,235) hsl(212,67%,76%)
#9dc2ec rgb(157,194,236) hsl(212,67%,77%)
#a1c4ec rgb(161,196,236) hsl(212,67%,78%)
#a6c7ed rgb(166,199,237) hsl(212,67%,79%)
#aacaee rgb(170,202,238) hsl(212,67%,80%)
#aeccef rgb(174,204,239) hsl(212,67%,81%)
#b2cff0 rgb(178,207,240) hsl(212,67%,82%)
#b7d2f1 rgb(183,210,241) hsl(212,67%,83%)
#bbd4f2 rgb(187,212,242) hsl(212,67%,84%)
#bfd7f2 rgb(191,215,242) hsl(212,67%,85%)
#c3daf3 rgb(195,218,243) hsl(212,67%,86%)
#c8dcf4 rgb(200,220,244) hsl(212,67%,87%)
#ccdff5 rgb(204,223,245) hsl(212,67%,88%)
#d0e2f6 rgb(208,226,246) hsl(212,67%,89%)
#d4e4f7 rgb(212,228,247) hsl(212,67%,90%)
#d9e7f7 rgb(217,231,247) hsl(212,67%,91%)
#ddeaf8 rgb(221,234,248) hsl(212,67%,92%)
#e1ecf9 rgb(225,236,249) hsl(212,67%,93%)
#e5effa rgb(229,239,250) hsl(212,67%,94%)
#eaf2fb rgb(234,242,251) hsl(212,67%,95%)
#eef4fc rgb(238,244,252) hsl(212,67%,96%)
#f2f7fc rgb(242,247,252) hsl(212,67%,97%)
#f6fafd rgb(246,250,253) hsl(212,67%,98%)
#fbfcfe rgb(251,252,254) hsl(212,67%,99%)

Adjacent colors

HEX RGB HSL
#2ad6be rgb(42,214,190) hsl(172,68%,50%)
#2a7ad5 rgb(42,122,213) hsl(212,67%,50%)
#4c29d5 rgb(76,41,213) hsl(252,68%,50%)

Monochromatic colors

HEX RGB HSL
#6ea6e2 rgb(110,166,226) hsl(211,67%,66%)
#4c8fdb rgb(76,143,219) hsl(212,67%,58%)
#2a7ad5 rgb(42,122,213) hsl(212,67%,50%)
#2366b2 rgb(35,102,178) hsl(212,67%,42%)
#1c5490 rgb(28,84,144) hsl(211,67%,34%)
#15406e rgb(21,64,110) hsl(211,68%,26%)

Triad color palettes

HEX RGB HSL
#2a7ad5 rgb(42,122,213) hsl(212,67%,50%)
#d5302a rgb(213,48,42) hsl(2,67%,50%)
#cfd62a rgb(207,214,42) hsl(62,68%,50%)

Tetrad color palettes

HEX RGB HSL
#2a7ad5 rgb(42,122,213) hsl(212,67%,50%)
#d5852a rgb(213,133,42) hsl(32,67%,50%)
#2acfd5 rgb(42,207,213) hsl(182,67%,50%)
#cfd62a rgb(207,214,42) hsl(62,68%,50%)