Color HEX #2A5AD5, RGB(42,90,213)

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

#2a5ad5
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Palette

2a5ad5 color palette from light to dark

HEX RGB HSL
#010204 rgb(1,2,4) hsl(223,67%,1%)
#020409 rgb(2,4,9) hsl(223,67%,2%)
#03050d rgb(3,5,13) hsl(223,67%,3%)
#030711 rgb(3,7,17) hsl(223,67%,4%)
#040915 rgb(4,9,21) hsl(223,67%,5%)
#050b1a rgb(5,11,26) hsl(223,67%,6%)
#060d1e rgb(6,13,30) hsl(223,67%,7%)
#070e22 rgb(7,14,34) hsl(223,67%,8%)
#081026 rgb(8,16,38) hsl(223,67%,9%)
#08122b rgb(8,18,43) hsl(223,67%,10%)
#09142f rgb(9,20,47) hsl(223,67%,11%)
#0a1633 rgb(10,22,51) hsl(223,67%,12%)
#0b1837 rgb(11,24,55) hsl(223,67%,13%)
#0c193c rgb(12,25,60) hsl(223,67%,14%)
#0d1b40 rgb(13,27,64) hsl(223,67%,15%)
#0d1d44 rgb(13,29,68) hsl(223,67%,16%)
#0e1f48 rgb(14,31,72) hsl(223,67%,17%)
#0f214d rgb(15,33,77) hsl(223,67%,18%)
#102251 rgb(16,34,81) hsl(223,67%,19%)
#112455 rgb(17,36,85) hsl(223,67%,20%)
#122659 rgb(18,38,89) hsl(223,67%,21%)
#13285e rgb(19,40,94) hsl(223,67%,22%)
#132a62 rgb(19,42,98) hsl(223,67%,23%)
#142b66 rgb(20,43,102) hsl(223,67%,24%)
#152d6a rgb(21,45,106) hsl(223,67%,25%)
#162f6f rgb(22,47,111) hsl(223,67%,26%)
#173173 rgb(23,49,115) hsl(223,67%,27%)
#183377 rgb(24,51,119) hsl(223,67%,28%)
#18347b rgb(24,52,123) hsl(223,67%,29%)
#193680 rgb(25,54,128) hsl(223,67%,30%)
#1a3884 rgb(26,56,132) hsl(223,67%,31%)
#1b3a88 rgb(27,58,136) hsl(223,67%,32%)
#1c3c8d rgb(28,60,141) hsl(223,67%,33%)
#1d3e91 rgb(29,62,145) hsl(223,67%,34%)
#1d3f95 rgb(29,63,149) hsl(223,67%,35%)
#1e4199 rgb(30,65,153) hsl(223,67%,36%)
#1f439e rgb(31,67,158) hsl(223,67%,37%)
#2045a2 rgb(32,69,162) hsl(223,67%,38%)
#2147a6 rgb(33,71,166) hsl(223,67%,39%)
#2248aa rgb(34,72,170) hsl(223,67%,40%)
#234aaf rgb(35,74,175) hsl(223,67%,41%)
#234cb3 rgb(35,76,179) hsl(223,67%,42%)
#244eb7 rgb(36,78,183) hsl(223,67%,43%)
#2550bb rgb(37,80,187) hsl(223,67%,44%)
#2651c0 rgb(38,81,192) hsl(223,67%,45%)
#2753c4 rgb(39,83,196) hsl(223,67%,46%)
#2855c8 rgb(40,85,200) hsl(223,67%,47%)
#2857cc rgb(40,87,204) hsl(223,67%,48%)
#2959d1 rgb(41,89,209) hsl(223,67%,49%)
#2a5ad5 rgb(42,90,213) hsl(223,67%,50%)
#2e5ed6 rgb(46,94,214) hsl(223,67%,51%)
#3361d7 rgb(51,97,215) hsl(223,67%,52%)
#3764d7 rgb(55,100,215) hsl(223,67%,53%)
#3b68d8 rgb(59,104,216) hsl(223,67%,54%)
#3f6bd9 rgb(63,107,217) hsl(223,67%,55%)
#446eda rgb(68,110,218) hsl(223,67%,56%)
#4872db rgb(72,114,219) hsl(223,67%,57%)
#4c75dc rgb(76,117,220) hsl(223,67%,58%)
#5078dc rgb(80,120,220) hsl(223,67%,59%)
#557bdd rgb(85,123,221) hsl(223,67%,60%)
#597fde rgb(89,127,222) hsl(223,67%,61%)
#5d82df rgb(93,130,223) hsl(223,67%,62%)
#6185e0 rgb(97,133,224) hsl(223,67%,63%)
#6689e1 rgb(102,137,225) hsl(223,67%,64%)
#6a8ce2 rgb(106,140,226) hsl(223,67%,65%)
#6e8fe2 rgb(110,143,226) hsl(223,67%,66%)
#7292e3 rgb(114,146,227) hsl(223,67%,67%)
#7796e4 rgb(119,150,228) hsl(223,67%,68%)
#7b99e5 rgb(123,153,229) hsl(223,67%,69%)
#7f9ce6 rgb(127,156,230) hsl(223,67%,70%)
#84a0e7 rgb(132,160,231) hsl(223,67%,71%)
#88a3e7 rgb(136,163,231) hsl(223,67%,72%)
#8ca6e8 rgb(140,166,232) hsl(223,67%,73%)
#90a9e9 rgb(144,169,233) hsl(223,67%,74%)
#95adea rgb(149,173,234) hsl(223,67%,75%)
#99b0eb rgb(153,176,235) hsl(223,67%,76%)
#9db3ec rgb(157,179,236) hsl(223,67%,77%)
#a1b7ec rgb(161,183,236) hsl(223,67%,78%)
#a6baed rgb(166,186,237) hsl(223,67%,79%)
#aabdee rgb(170,189,238) hsl(223,67%,80%)
#aec0ef rgb(174,192,239) hsl(223,67%,81%)
#b2c4f0 rgb(178,196,240) hsl(223,67%,82%)
#b7c7f1 rgb(183,199,241) hsl(223,67%,83%)
#bbcaf2 rgb(187,202,242) hsl(223,67%,84%)
#bfcef2 rgb(191,206,242) hsl(223,67%,85%)
#c3d1f3 rgb(195,209,243) hsl(223,67%,86%)
#c8d4f4 rgb(200,212,244) hsl(223,67%,87%)
#ccd8f5 rgb(204,216,245) hsl(223,67%,88%)
#d0dbf6 rgb(208,219,246) hsl(223,67%,89%)
#d4def7 rgb(212,222,247) hsl(223,67%,90%)
#d9e1f7 rgb(217,225,247) hsl(223,67%,91%)
#dde5f8 rgb(221,229,248) hsl(223,67%,92%)
#e1e8f9 rgb(225,232,249) hsl(223,67%,93%)
#e5ebfa rgb(229,235,250) hsl(223,67%,94%)
#eaeffb rgb(234,239,251) hsl(223,67%,95%)
#eef2fc rgb(238,242,252) hsl(223,67%,96%)
#f2f5fc rgb(242,245,252) hsl(223,67%,97%)
#f6f8fd rgb(246,248,253) hsl(223,67%,98%)
#fbfcfe rgb(251,252,254) hsl(223,67%,99%)

Adjacent colors

HEX RGB HSL
#2accd5 rgb(42,204,213) hsl(183,67%,50%)
#2a5ad5 rgb(42,90,213) hsl(223,67%,50%)
#6c29d5 rgb(108,41,213) hsl(263,68%,50%)

Monochromatic colors

HEX RGB HSL
#6e8fe2 rgb(110,143,226) hsl(223,67%,66%)
#4c75db rgb(76,117,219) hsl(223,67%,58%)
#2a5ad5 rgb(42,90,213) hsl(223,67%,50%)
#234db2 rgb(35,77,178) hsl(222,67%,42%)
#1c3d90 rgb(28,61,144) hsl(223,67%,34%)
#152e6e rgb(21,46,110) hsl(223,68%,26%)

Triad color palettes

HEX RGB HSL
#2a5ad5 rgb(42,90,213) hsl(223,67%,50%)
#d54f2a rgb(213,79,42) hsl(13,67%,50%)
#afd62a rgb(175,214,42) hsl(74,68%,50%)

Tetrad color palettes

HEX RGB HSL
#2a5ad5 rgb(42,90,213) hsl(223,67%,50%)
#d5a62a rgb(213,166,42) hsl(44,67%,50%)
#2ab0d5 rgb(42,176,213) hsl(193,67%,50%)
#afd62a rgb(175,214,42) hsl(74,68%,50%)