Color HEX #563BC4, RGB(86,59,196)
Color name is Purple Heart. The color #563bc4 is a dark shade and moderately saturated.
Your selected color codes
Palette
563bc4 color palette from light to dark
| HEX |
RGB |
HSL |
| #020104 |
rgb(2,1,4) |
hsl(252,54%,1%) |
| #030208 |
rgb(3,2,8) |
hsl(252,54%,2%) |
| #05040c |
rgb(5,4,12) |
hsl(252,54%,3%) |
| #070510 |
rgb(7,5,16) |
hsl(252,54%,4%) |
| #090614 |
rgb(9,6,20) |
hsl(252,54%,5%) |
| #0a0718 |
rgb(10,7,24) |
hsl(252,54%,6%) |
| #0c081b |
rgb(12,8,27) |
hsl(252,54%,7%) |
| #0e091f |
rgb(14,9,31) |
hsl(252,54%,8%) |
| #100b23 |
rgb(16,11,35) |
hsl(252,54%,9%) |
| #110c27 |
rgb(17,12,39) |
hsl(252,54%,10%) |
| #130d2b |
rgb(19,13,43) |
hsl(252,54%,11%) |
| #150e2f |
rgb(21,14,47) |
hsl(252,54%,12%) |
| #160f33 |
rgb(22,15,51) |
hsl(252,54%,13%) |
| #181037 |
rgb(24,16,55) |
hsl(252,54%,14%) |
| #1a123b |
rgb(26,18,59) |
hsl(252,54%,15%) |
| #1c133f |
rgb(28,19,63) |
hsl(252,54%,16%) |
| #1d1443 |
rgb(29,20,67) |
hsl(252,54%,17%) |
| #1f1547 |
rgb(31,21,71) |
hsl(252,54%,18%) |
| #21164b |
rgb(33,22,75) |
hsl(252,54%,19%) |
| #22174f |
rgb(34,23,79) |
hsl(252,54%,20%) |
| #241952 |
rgb(36,25,82) |
hsl(252,54%,21%) |
| #261a56 |
rgb(38,26,86) |
hsl(252,54%,22%) |
| #281b5a |
rgb(40,27,90) |
hsl(252,54%,23%) |
| #291c5e |
rgb(41,28,94) |
hsl(252,54%,24%) |
| #2b1d62 |
rgb(43,29,98) |
hsl(252,54%,25%) |
| #2d1e66 |
rgb(45,30,102) |
hsl(252,54%,26%) |
| #2f206a |
rgb(47,32,106) |
hsl(252,54%,27%) |
| #30216e |
rgb(48,33,110) |
hsl(252,54%,28%) |
| #322272 |
rgb(50,34,114) |
hsl(252,54%,29%) |
| #342376 |
rgb(52,35,118) |
hsl(252,54%,30%) |
| #35247a |
rgb(53,36,122) |
hsl(252,54%,31%) |
| #37267e |
rgb(55,38,126) |
hsl(252,54%,32%) |
| #392782 |
rgb(57,39,130) |
hsl(252,54%,33%) |
| #3b2886 |
rgb(59,40,134) |
hsl(252,54%,34%) |
| #3c2989 |
rgb(60,41,137) |
hsl(252,54%,35%) |
| #3e2a8d |
rgb(62,42,141) |
hsl(252,54%,36%) |
| #402b91 |
rgb(64,43,145) |
hsl(252,54%,37%) |
| #422d95 |
rgb(66,45,149) |
hsl(252,54%,38%) |
| #432e99 |
rgb(67,46,153) |
hsl(252,54%,39%) |
| #452f9d |
rgb(69,47,157) |
hsl(252,54%,40%) |
| #4730a1 |
rgb(71,48,161) |
hsl(252,54%,41%) |
| #4831a5 |
rgb(72,49,165) |
hsl(252,54%,42%) |
| #4a32a9 |
rgb(74,50,169) |
hsl(252,54%,43%) |
| #4c34ad |
rgb(76,52,173) |
hsl(252,54%,44%) |
| #4e35b1 |
rgb(78,53,177) |
hsl(252,54%,45%) |
| #4f36b5 |
rgb(79,54,181) |
hsl(252,54%,46%) |
| #5137b9 |
rgb(81,55,185) |
hsl(252,54%,47%) |
| #5338bc |
rgb(83,56,188) |
hsl(252,54%,48%) |
| #5439c0 |
rgb(84,57,192) |
hsl(252,54%,49%) |
| #563bc4 |
rgb(86,59,196) |
hsl(252,54%,50%) |
| #5a3fc6 |
rgb(90,63,198) |
hsl(252,54%,51%) |
| #5d43c7 |
rgb(93,67,199) |
hsl(252,54%,52%) |
| #6046c8 |
rgb(96,70,200) |
hsl(252,54%,53%) |
| #644ac9 |
rgb(100,74,201) |
hsl(252,54%,54%) |
| #674eca |
rgb(103,78,202) |
hsl(252,54%,55%) |
| #6a52cb |
rgb(106,82,203) |
hsl(252,54%,56%) |
| #6e56cd |
rgb(110,86,205) |
hsl(252,54%,57%) |
| #715ace |
rgb(113,90,206) |
hsl(252,54%,58%) |
| #755ecf |
rgb(117,94,207) |
hsl(252,54%,59%) |
| #7862d0 |
rgb(120,98,208) |
hsl(252,54%,60%) |
| #7b66d1 |
rgb(123,102,209) |
hsl(252,54%,61%) |
| #7f6ad2 |
rgb(127,106,210) |
hsl(252,54%,62%) |
| #826ed4 |
rgb(130,110,212) |
hsl(252,54%,63%) |
| #8572d5 |
rgb(133,114,213) |
hsl(252,54%,64%) |
| #8976d6 |
rgb(137,118,214) |
hsl(252,54%,65%) |
| #8c79d7 |
rgb(140,121,215) |
hsl(252,54%,66%) |
| #907dd8 |
rgb(144,125,216) |
hsl(252,54%,67%) |
| #9381d9 |
rgb(147,129,217) |
hsl(252,54%,68%) |
| #9685db |
rgb(150,133,219) |
hsl(252,54%,69%) |
| #9a89dc |
rgb(154,137,220) |
hsl(252,54%,70%) |
| #9d8ddd |
rgb(157,141,221) |
hsl(252,54%,71%) |
| #a091de |
rgb(160,145,222) |
hsl(252,54%,72%) |
| #a495df |
rgb(164,149,223) |
hsl(252,54%,73%) |
| #a799e1 |
rgb(167,153,225) |
hsl(252,54%,74%) |
| #ab9de2 |
rgb(171,157,226) |
hsl(252,54%,75%) |
| #aea1e3 |
rgb(174,161,227) |
hsl(252,54%,76%) |
| #b1a5e4 |
rgb(177,165,228) |
hsl(252,54%,77%) |
| #b5a9e5 |
rgb(181,169,229) |
hsl(252,54%,78%) |
| #b8ade6 |
rgb(184,173,230) |
hsl(252,54%,79%) |
| #bbb0e8 |
rgb(187,176,232) |
hsl(252,54%,80%) |
| #bfb4e9 |
rgb(191,180,233) |
hsl(252,54%,81%) |
| #c2b8ea |
rgb(194,184,234) |
hsl(252,54%,82%) |
| #c6bceb |
rgb(198,188,235) |
hsl(252,54%,83%) |
| #c9c0ec |
rgb(201,192,236) |
hsl(252,54%,84%) |
| #ccc4ed |
rgb(204,196,237) |
hsl(252,54%,85%) |
| #d0c8ef |
rgb(208,200,239) |
hsl(252,54%,86%) |
| #d3ccf0 |
rgb(211,204,240) |
hsl(252,54%,87%) |
| #d6d0f1 |
rgb(214,208,241) |
hsl(252,54%,88%) |
| #dad4f2 |
rgb(218,212,242) |
hsl(252,54%,89%) |
| #ddd8f3 |
rgb(221,216,243) |
hsl(252,54%,90%) |
| #e1dcf4 |
rgb(225,220,244) |
hsl(252,54%,91%) |
| #e4e0f6 |
rgb(228,224,246) |
hsl(252,54%,92%) |
| #e7e4f7 |
rgb(231,228,247) |
hsl(252,54%,93%) |
| #ebe7f8 |
rgb(235,231,248) |
hsl(252,54%,94%) |
| #eeebf9 |
rgb(238,235,249) |
hsl(252,54%,95%) |
| #f1effa |
rgb(241,239,250) |
hsl(252,54%,96%) |
| #f5f3fb |
rgb(245,243,251) |
hsl(252,54%,97%) |
| #f8f7fd |
rgb(248,247,253) |
hsl(252,54%,98%) |
| #fcfbfe |
rgb(252,251,254) |
hsl(252,54%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3b7ac4 |
rgb(59,122,196) |
hsl(212,54%,50%) |
| #563bc4 |
rgb(86,59,196) |
hsl(252,54%,50%) |
| #b13bc4 |
rgb(177,59,196) |
hsl(292,54%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8c7ad6 |
rgb(140,122,214) |
hsl(252,53%,66%) |
| #7159cd |
rgb(113,89,205) |
hsl(252,54%,58%) |
| #563bc4 |
rgb(86,59,196) |
hsl(252,54%,50%) |
| #4830a4 |
rgb(72,48,164) |
hsl(252,55%,42%) |
| #3a2985 |
rgb(58,41,133) |
hsl(251,53%,34%) |
| #2c1f65 |
rgb(44,31,101) |
hsl(251,53%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #563bc4 |
rgb(86,59,196) |
hsl(252,54%,50%) |
| #c49c3b |
rgb(196,156,59) |
hsl(42,54%,50%) |
| #64c43b |
rgb(100,196,59) |
hsl(102,54%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #563bc4 |
rgb(86,59,196) |
hsl(252,54%,50%) |
| #a9c43b |
rgb(169,196,59) |
hsl(72,54%,50%) |
| #3b63c4 |
rgb(59,99,196) |
hsl(222,54%,50%) |
| #64c43b |
rgb(100,196,59) |
hsl(102,54%,50%) |
