Color HEX #2A63D5, RGB(42,99,213)
Color name is Mariner. The color #2a63d5 is a dark shade and moderately saturated.
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%) |
