Color HEX #2B63D4, RGB(43,99,212)
Color name is Mariner. The color #2b63d4 is a dark shade and moderately saturated.
Your selected color codes
Palette
2b63d4 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(220,66%,1%) |
| #020408 |
rgb(2,4,8) |
hsl(220,66%,2%) |
| #03060d |
rgb(3,6,13) |
hsl(220,66%,3%) |
| #030811 |
rgb(3,8,17) |
hsl(220,66%,4%) |
| #040a15 |
rgb(4,10,21) |
hsl(220,66%,5%) |
| #050c19 |
rgb(5,12,25) |
hsl(220,66%,6%) |
| #060e1e |
rgb(6,14,30) |
hsl(220,66%,7%) |
| #071022 |
rgb(7,16,34) |
hsl(220,66%,8%) |
| #081226 |
rgb(8,18,38) |
hsl(220,66%,9%) |
| #09142a |
rgb(9,20,42) |
hsl(220,66%,10%) |
| #0a162f |
rgb(10,22,47) |
hsl(220,66%,11%) |
| #0a1833 |
rgb(10,24,51) |
hsl(220,66%,12%) |
| #0b1a37 |
rgb(11,26,55) |
hsl(220,66%,13%) |
| #0c1c3b |
rgb(12,28,59) |
hsl(220,66%,14%) |
| #0d1e3f |
rgb(13,30,63) |
hsl(220,66%,15%) |
| #0f2248 |
rgb(15,34,72) |
hsl(220,66%,17%) |
| #10244c |
rgb(16,36,76) |
hsl(220,66%,18%) |
| #102650 |
rgb(16,38,80) |
hsl(220,66%,19%) |
| #112855 |
rgb(17,40,85) |
hsl(220,66%,20%) |
| #122a59 |
rgb(18,42,89) |
hsl(220,66%,21%) |
| #132c5d |
rgb(19,44,93) |
hsl(220,66%,22%) |
| #142e61 |
rgb(20,46,97) |
hsl(220,66%,23%) |
| #153066 |
rgb(21,48,102) |
hsl(220,66%,24%) |
| #16326a |
rgb(22,50,106) |
hsl(220,66%,25%) |
| #17346e |
rgb(23,52,110) |
hsl(220,66%,26%) |
| #173672 |
rgb(23,54,114) |
hsl(220,66%,27%) |
| #183877 |
rgb(24,56,119) |
hsl(220,66%,28%) |
| #193a7b |
rgb(25,58,123) |
hsl(220,66%,29%) |
| #1a3c7f |
rgb(26,60,127) |
hsl(220,66%,30%) |
| #1b3e83 |
rgb(27,62,131) |
hsl(220,66%,31%) |
| #1c4087 |
rgb(28,64,135) |
hsl(220,66%,32%) |
| #1d428c |
rgb(29,66,140) |
hsl(220,66%,33%) |
| #1d4490 |
rgb(29,68,144) |
hsl(220,66%,34%) |
| #1e4694 |
rgb(30,70,148) |
hsl(220,66%,35%) |
| #1f4898 |
rgb(31,72,152) |
hsl(220,66%,36%) |
| #204a9d |
rgb(32,74,157) |
hsl(220,66%,37%) |
| #214ca1 |
rgb(33,76,161) |
hsl(220,66%,38%) |
| #224ea5 |
rgb(34,78,165) |
hsl(220,66%,39%) |
| #2350a9 |
rgb(35,80,169) |
hsl(220,66%,40%) |
| #2452ae |
rgb(36,82,174) |
hsl(220,66%,41%) |
| #2454b2 |
rgb(36,84,178) |
hsl(220,66%,42%) |
| #2556b6 |
rgb(37,86,182) |
hsl(220,66%,43%) |
| #2658ba |
rgb(38,88,186) |
hsl(220,66%,44%) |
| #275abe |
rgb(39,90,190) |
hsl(220,66%,45%) |
| #285bc3 |
rgb(40,91,195) |
hsl(220,66%,46%) |
| #295dc7 |
rgb(41,93,199) |
hsl(220,66%,47%) |
| #2a5fcb |
rgb(42,95,203) |
hsl(220,66%,48%) |
| #2a61cf |
rgb(42,97,207) |
hsl(220,66%,49%) |
| #2b63d4 |
rgb(43,99,212) |
hsl(220,66%,50%) |
| #3067d5 |
rgb(48,103,213) |
hsl(220,66%,51%) |
| #346ad5 |
rgb(52,106,213) |
hsl(220,66%,52%) |
| #386dd6 |
rgb(56,109,214) |
hsl(220,66%,53%) |
| #3c70d7 |
rgb(60,112,215) |
hsl(220,66%,54%) |
| #4173d8 |
rgb(65,115,216) |
hsl(220,66%,55%) |
| #4576d9 |
rgb(69,118,217) |
hsl(220,66%,56%) |
| #4979da |
rgb(73,121,218) |
hsl(220,66%,57%) |
| #4d7cdb |
rgb(77,124,219) |
hsl(220,66%,58%) |
| #517fdb |
rgb(81,127,219) |
hsl(220,66%,59%) |
| #5683dc |
rgb(86,131,220) |
hsl(220,66%,60%) |
| #5a86dd |
rgb(90,134,221) |
hsl(220,66%,61%) |
| #5e89de |
rgb(94,137,222) |
hsl(220,66%,62%) |
| #628cdf |
rgb(98,140,223) |
hsl(220,66%,63%) |
| #678fe0 |
rgb(103,143,224) |
hsl(220,66%,64%) |
| #6b92e1 |
rgb(107,146,225) |
hsl(220,66%,65%) |
| #6f95e2 |
rgb(111,149,226) |
hsl(220,66%,66%) |
| #7398e2 |
rgb(115,152,226) |
hsl(220,66%,67%) |
| #789be3 |
rgb(120,155,227) |
hsl(220,66%,68%) |
| #7c9fe4 |
rgb(124,159,228) |
hsl(220,66%,69%) |
| #80a2e5 |
rgb(128,162,229) |
hsl(220,66%,70%) |
| #84a5e6 |
rgb(132,165,230) |
hsl(220,66%,71%) |
| #88a8e7 |
rgb(136,168,231) |
hsl(220,66%,72%) |
| #8dabe8 |
rgb(141,171,232) |
hsl(220,66%,73%) |
| #91aee8 |
rgb(145,174,232) |
hsl(220,66%,74%) |
| #95b1e9 |
rgb(149,177,233) |
hsl(220,66%,75%) |
| #99b4ea |
rgb(153,180,234) |
hsl(220,66%,76%) |
| #9eb7eb |
rgb(158,183,235) |
hsl(220,66%,77%) |
| #a2bbec |
rgb(162,187,236) |
hsl(220,66%,78%) |
| #a6beed |
rgb(166,190,237) |
hsl(220,66%,79%) |
| #aac1ee |
rgb(170,193,238) |
hsl(220,66%,80%) |
| #afc4ef |
rgb(175,196,239) |
hsl(220,66%,81%) |
| #b3c7ef |
rgb(179,199,239) |
hsl(220,66%,82%) |
| #b7caf0 |
rgb(183,202,240) |
hsl(220,66%,83%) |
| #bbcdf1 |
rgb(187,205,241) |
hsl(220,66%,84%) |
| #c0d0f2 |
rgb(192,208,242) |
hsl(220,66%,85%) |
| #c4d3f3 |
rgb(196,211,243) |
hsl(220,66%,86%) |
| #c8d7f4 |
rgb(200,215,244) |
hsl(220,66%,87%) |
| #ccdaf5 |
rgb(204,218,245) |
hsl(220,66%,88%) |
| #d0ddf5 |
rgb(208,221,245) |
hsl(220,66%,89%) |
| #d5e0f6 |
rgb(213,224,246) |
hsl(220,66%,90%) |
| #d9e3f7 |
rgb(217,227,247) |
hsl(220,66%,91%) |
| #dde6f8 |
rgb(221,230,248) |
hsl(220,66%,92%) |
| #e1e9f9 |
rgb(225,233,249) |
hsl(220,66%,93%) |
| #e6ecfa |
rgb(230,236,250) |
hsl(220,66%,94%) |
| #eaeffb |
rgb(234,239,251) |
hsl(220,66%,95%) |
| #eef3fc |
rgb(238,243,252) |
hsl(220,66%,96%) |
| #f2f6fc |
rgb(242,246,252) |
hsl(220,66%,97%) |
| #f7f9fd |
rgb(247,249,253) |
hsl(220,66%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(220,66%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #2bd4d4 |
rgb(43,212,212) |
hsl(180,66%,50%) |
| #2b63d4 |
rgb(43,99,212) |
hsl(220,66%,50%) |
| #632bd4 |
rgb(99,43,212) |
hsl(260,66%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #6e94e1 |
rgb(110,148,225) |
hsl(220,66%,66%) |
| #4c7dda |
rgb(76,125,218) |
hsl(219,66%,58%) |
| #2b63d4 |
rgb(43,99,212) |
hsl(220,66%,50%) |
| #2454b2 |
rgb(36,84,178) |
hsl(220,66%,42%) |
| #1d4290 |
rgb(29,66,144) |
hsl(221,66%,34%) |
| #16336e |
rgb(22,51,110) |
hsl(220,67%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2b63d4 |
rgb(43,99,212) |
hsl(220,66%,50%) |
| #d4472b |
rgb(212,71,43) |
hsl(10,66%,50%) |
| #b7d42b |
rgb(183,212,43) |
hsl(70,66%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2b63d4 |
rgb(43,99,212) |
hsl(220,66%,50%) |
| #d49c2b |
rgb(212,156,43) |
hsl(40,66%,50%) |
| #2bb8d4 |
rgb(43,184,212) |
hsl(190,66%,50%) |
| #b7d42b |
rgb(183,212,43) |
hsl(70,66%,50%) |
