Color HEX #2A63D5, RGB(42,99,213)

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

#2a63d5
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Palette

2a63d5 color palette from light to dark

HEX RGB HSL
#010204 rgb(1,2,4) hsl(220,67%,1%)
#020409 rgb(2,4,9) hsl(220,67%,2%)
#03060d rgb(3,6,13) hsl(220,67%,3%)
#030811 rgb(3,8,17) hsl(220,67%,4%)
#040a15 rgb(4,10,21) hsl(220,67%,5%)
#050c1a rgb(5,12,26) hsl(220,67%,6%)
#060e1e rgb(6,14,30) hsl(220,67%,7%)
#071022 rgb(7,16,34) hsl(220,67%,8%)
#081226 rgb(8,18,38) hsl(220,67%,9%)
#08142b rgb(8,20,43) hsl(220,67%,10%)
#09162f rgb(9,22,47) hsl(220,67%,11%)
#0a1833 rgb(10,24,51) hsl(220,67%,12%)
#0b1a37 rgb(11,26,55) hsl(220,67%,13%)
#0c1c3c rgb(12,28,60) hsl(220,67%,14%)
#0d1e40 rgb(13,30,64) hsl(220,67%,15%)
#0d2044 rgb(13,32,68) hsl(220,67%,16%)
#0f244d rgb(15,36,77) hsl(220,67%,18%)
#102651 rgb(16,38,81) hsl(220,67%,19%)
#112855 rgb(17,40,85) hsl(220,67%,20%)
#122a59 rgb(18,42,89) hsl(220,67%,21%)
#132c5e rgb(19,44,94) hsl(220,67%,22%)
#132e62 rgb(19,46,98) hsl(220,67%,23%)
#143066 rgb(20,48,102) hsl(220,67%,24%)
#15326a rgb(21,50,106) hsl(220,67%,25%)
#16336f rgb(22,51,111) hsl(220,67%,26%)
#173573 rgb(23,53,115) hsl(220,67%,27%)
#183777 rgb(24,55,119) hsl(220,67%,28%)
#18397b rgb(24,57,123) hsl(220,67%,29%)
#193b80 rgb(25,59,128) hsl(220,67%,30%)
#1a3d84 rgb(26,61,132) hsl(220,67%,31%)
#1b3f88 rgb(27,63,136) hsl(220,67%,32%)
#1c418d rgb(28,65,141) hsl(220,67%,33%)
#1d4391 rgb(29,67,145) hsl(220,67%,34%)
#1d4595 rgb(29,69,149) hsl(220,67%,35%)
#1e4799 rgb(30,71,153) hsl(220,67%,36%)
#1f499e rgb(31,73,158) hsl(220,67%,37%)
#204ba2 rgb(32,75,162) hsl(220,67%,38%)
#214da6 rgb(33,77,166) hsl(220,67%,39%)
#224faa rgb(34,79,170) hsl(220,67%,40%)
#2351af rgb(35,81,175) hsl(220,67%,41%)
#2353b3 rgb(35,83,179) hsl(220,67%,42%)
#2455b7 rgb(36,85,183) hsl(220,67%,43%)
#2557bb rgb(37,87,187) hsl(220,67%,44%)
#2659c0 rgb(38,89,192) hsl(220,67%,45%)
#275bc4 rgb(39,91,196) hsl(220,67%,46%)
#285dc8 rgb(40,93,200) hsl(220,67%,47%)
#285fcc rgb(40,95,204) hsl(220,67%,48%)
#2961d1 rgb(41,97,209) hsl(220,67%,49%)
#2a63d5 rgb(42,99,213) hsl(220,67%,50%)
#2e66d6 rgb(46,102,214) hsl(220,67%,51%)
#3369d7 rgb(51,105,215) hsl(220,67%,52%)
#376cd7 rgb(55,108,215) hsl(220,67%,53%)
#3b70d8 rgb(59,112,216) hsl(220,67%,54%)
#3f73d9 rgb(63,115,217) hsl(220,67%,55%)
#4476da rgb(68,118,218) hsl(220,67%,56%)
#4879db rgb(72,121,219) hsl(220,67%,57%)
#4c7cdc rgb(76,124,220) hsl(220,67%,58%)
#507fdc rgb(80,127,220) hsl(220,67%,59%)
#5582dd rgb(85,130,221) hsl(220,67%,60%)
#5985de rgb(89,133,222) hsl(220,67%,61%)
#5d88df rgb(93,136,223) hsl(220,67%,62%)
#618ce0 rgb(97,140,224) hsl(220,67%,63%)
#668fe1 rgb(102,143,225) hsl(220,67%,64%)
#6a92e2 rgb(106,146,226) hsl(220,67%,65%)
#6e95e2 rgb(110,149,226) hsl(220,67%,66%)
#7298e3 rgb(114,152,227) hsl(220,67%,67%)
#779be4 rgb(119,155,228) hsl(220,67%,68%)
#7b9ee5 rgb(123,158,229) hsl(220,67%,69%)
#7fa1e6 rgb(127,161,230) hsl(220,67%,70%)
#84a5e7 rgb(132,165,231) hsl(220,67%,71%)
#88a8e7 rgb(136,168,231) hsl(220,67%,72%)
#8cabe8 rgb(140,171,232) hsl(220,67%,73%)
#90aee9 rgb(144,174,233) hsl(220,67%,74%)
#95b1ea rgb(149,177,234) hsl(220,67%,75%)
#99b4eb rgb(153,180,235) hsl(220,67%,76%)
#9db7ec rgb(157,183,236) hsl(220,67%,77%)
#a1baec rgb(161,186,236) hsl(220,67%,78%)
#a6bded rgb(166,189,237) hsl(220,67%,79%)
#aac1ee rgb(170,193,238) hsl(220,67%,80%)
#aec4ef rgb(174,196,239) hsl(220,67%,81%)
#b2c7f0 rgb(178,199,240) hsl(220,67%,82%)
#b7caf1 rgb(183,202,241) hsl(220,67%,83%)
#bbcdf2 rgb(187,205,242) hsl(220,67%,84%)
#bfd0f2 rgb(191,208,242) hsl(220,67%,85%)
#c3d3f3 rgb(195,211,243) hsl(220,67%,86%)
#c8d6f4 rgb(200,214,244) hsl(220,67%,87%)
#ccdaf5 rgb(204,218,245) hsl(220,67%,88%)
#d0ddf6 rgb(208,221,246) hsl(220,67%,89%)
#d4e0f7 rgb(212,224,247) hsl(220,67%,90%)
#d9e3f7 rgb(217,227,247) hsl(220,67%,91%)
#dde6f8 rgb(221,230,248) hsl(220,67%,92%)
#e1e9f9 rgb(225,233,249) hsl(220,67%,93%)
#e5ecfa rgb(229,236,250) hsl(220,67%,94%)
#eaeffb rgb(234,239,251) hsl(220,67%,95%)
#eef3fc rgb(238,243,252) hsl(220,67%,96%)
#f2f6fc rgb(242,246,252) hsl(220,67%,97%)
#f6f9fd rgb(246,249,253) hsl(220,67%,98%)
#fbfcfe rgb(251,252,254) hsl(220,67%,99%)

Adjacent colors

HEX RGB HSL
#2ad6d5 rgb(42,214,213) hsl(180,68%,50%)
#2a63d5 rgb(42,99,213) hsl(220,67%,50%)
#6329d5 rgb(99,41,213) hsl(260,68%,50%)

Monochromatic colors

HEX RGB HSL
#6e94e2 rgb(110,148,226) hsl(220,67%,66%)
#4c7ddb rgb(76,125,219) hsl(219,67%,58%)
#2a63d5 rgb(42,99,213) hsl(220,67%,50%)
#2354b2 rgb(35,84,178) hsl(219,67%,42%)
#1c4290 rgb(28,66,144) hsl(220,67%,34%)
#15336e rgb(21,51,110) hsl(220,68%,26%)

Triad color palettes

HEX RGB HSL
#2a63d5 rgb(42,99,213) hsl(220,67%,50%)
#d5472a rgb(213,71,42) hsl(10,67%,50%)
#b8d62a rgb(184,214,42) hsl(70,68%,50%)

Tetrad color palettes

HEX RGB HSL
#2a63d5 rgb(42,99,213) hsl(220,67%,50%)
#d59c2a rgb(213,156,42) hsl(40,67%,50%)
#2ab8d5 rgb(42,184,213) hsl(190,67%,50%)
#b8d62a rgb(184,214,42) hsl(70,68%,50%)