#563d78 hex color

In a RGB color space, hex #563d78 is composed of 33.7% red, 23.9% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 49.2% magenta, 0% yellow and 52.9% black. It has a hue angle of 265.4 degrees, a saturation of 32.6% and a lightness of 35.5%. #563d78 color hex could be obtained by blending #ac7af0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 34
- G 24
- B 47
RGB color chart
- C 28
- M 49
- Y 0
- K 53
CMYK color chart

● #563d78 color description : Dark moderate violet.

The hexadecimal color #563d78 has RGB values of R:86, G:61, B:120 and CMYK values of C:0.28, M:0.49, Y:0, K:0.53. Its decimal value is 5651832.

Hex triplet	563d78	`#563d78`
RGB Decimal	86, 61, 120	`rgb(86,61,120)`
RGB Percent	33.7, 23.9, 47.1	`rgb(33.7%,23.9%,47.1%)`
CMYK	28, 49, 0, 53
HSL	265.4°, 32.6, 35.5	`hsl(265.4,32.6%,35.5%)`
HSV (or HSB)	265.4°, 49.2, 47.1
Web Safe	663366	`#663366`

CIE-LAB	31.048, 24.222, -29.829
XYZ	8.896, 6.672, 18.587
xyY	0.26, 0.195, 6.672
CIE-LCH	31.048, 38.425, 309.077
CIE-LUV	31.048, 7.332, -41.909
Hunter-Lab	25.83, 16.273, -24.584
Binary	01010110, 00111101, 01111000

#563d78
```
#563d78 rgb(86,61,120)
```
#5f783d
```
#5f783d rgb(95,120,61)
```

Complementary Color

#3d4278
```
#3d4278 rgb(61,66,120)
```
#563d78
```
#563d78 rgb(86,61,120)
```
#743d78
```
#743d78 rgb(116,61,120)
```

Analogous Color

#42783d
```
#42783d rgb(66,120,61)
```
#563d78
```
#563d78 rgb(86,61,120)
```
#78743d
```
#78743d rgb(120,116,61)
```

Split Complementary Color

#3d7856
```
#3d7856 rgb(61,120,86)
```
#563d78
```
#563d78 rgb(86,61,120)
```
#78563d
```
#78563d rgb(120,86,61)
```

Triadic Color

#3d5f78
```
#3d5f78 rgb(61,95,120)
```
#563d78
```
#563d78 rgb(86,61,120)
```
#78563d
```
#78563d rgb(120,86,61)
```
#5f783d
```
#5f783d rgb(95,120,61)
```

Tetradic Color

#322345
```
#322345 rgb(50,35,69)
```
#3e2c56
```
#3e2c56 rgb(62,44,86)
```
#4a3467
```
#4a3467 rgb(74,52,103)
```
#563d78
```
#563d78 rgb(86,61,120)
```
#624689
```
#624689 rgb(98,70,137)
```
#6e4e9a
```
#6e4e9a rgb(110,78,154)
```
#7a58aa
```
#7a58aa rgb(122,88,170)
```

Monochromatic Color

Below, you can see some colors close to #563d78. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#473d78
```
#473d78 rgb(71,61,120)
```
#4c3d78
```
#4c3d78 rgb(76,61,120)
```
#513d78
```
#513d78 rgb(81,61,120)
```
#563d78
```
#563d78 rgb(86,61,120)
```
#5b3d78
```
#5b3d78 rgb(91,61,120)
```
#603d78
```
#603d78 rgb(96,61,120)
```
#653d78
```
#653d78 rgb(101,61,120)
```

Similar Colors

Text with hexadecimal color #563d78

This text has a font color of #563d78.

<span style="color:#563d78;">Text here</span>

#563d78 background color

This paragraph has a background color of #563d78.

<p style="background-color:#563d78;">Content here</p>

#563d78 border color

This element has a border color of #563d78.

<div style="border:1px solid #563d78;">Content here</div>

CSS codes

.text {color:#563d78;}

.background {background-color:#563d78;}

.border {border:1px solid #563d78;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020203 is the darkest color, while #f7f5fa is the lightest one.

#020203
```
#020203 rgb(2,2,3)
```
#0b0810
```
#0b0810 rgb(11,8,16)
```
#150f1d
```
#150f1d rgb(21,15,29)
```
#1e152a
```
#1e152a rgb(30,21,42)
```
#271c37
```
#271c37 rgb(39,28,55)
```
#312344
```
#312344 rgb(49,35,68)
```
#3a2951
```
#3a2951 rgb(58,41,81)
```
#43305e
```
#43305e rgb(67,48,94)
```
#4d366b
```
#4d366b rgb(77,54,107)
```
#563d78
```
#563d78 rgb(86,61,120)
```
#5f4485
```
#5f4485 rgb(95,68,133)
```
#694a92
```
#694a92 rgb(105,74,146)
```
#72519f
```
#72519f rgb(114,81,159)
```

Shade Color Variation

#7c59ab
```
#7c59ab rgb(124,89,171)
```
#8666b1
```
#8666b1 rgb(134,102,177)
```
#9073b8
```
#9073b8 rgb(144,115,184)
```
#9a80be
```
#9a80be rgb(154,128,190)
```
#a58dc5
```
#a58dc5 rgb(165,141,197)
```
#af9acc
```
#af9acc rgb(175,154,204)
```
#b9a7d2
```
#b9a7d2 rgb(185,167,210)
```
#c4b4d9
```
#c4b4d9 rgb(196,180,217)
```
#cec1df
```
#cec1df rgb(206,193,223)
```
#d8cee6
```
#d8cee6 rgb(216,206,230)
```
#e2dbed
```
#e2dbed rgb(226,219,237)
```
#ede8f3
```
#ede8f3 rgb(237,232,243)
```
#f7f5fa
```
#f7f5fa rgb(247,245,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a595c is the less saturated color, while #4e05b0 is the most saturated one.

#5a595c
```
#5a595c rgb(90,89,92)
```
#595263
```
#595263 rgb(89,82,99)
```
#584b6a
```
#584b6a rgb(88,75,106)
```
#574471
```
#574471 rgb(87,68,113)
```
#563d78
```
#563d78 rgb(86,61,120)
```
#55367f
```
#55367f rgb(85,54,127)
```
#542f86
```
#542f86 rgb(84,47,134)
```
#53288d
```
#53288d rgb(83,40,141)
```
#522194
```
#522194 rgb(82,33,148)
```
#511a9b
```
#511a9b rgb(81,26,155)
```
#5013a2
```
#5013a2 rgb(80,19,162)
```
#4f0ca9
```
#4f0ca9 rgb(79,12,169)
```
#4e05b0
```
#4e05b0 rgb(78,5,176)
```

Tone Color Variation

Below, you can see how #563d78 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#4b4b4b Achromatopsia 0.005% of the population
#4d4854 Atypical Achromatopsia 0.001% of the population

Dichromacy

#385086 Protanopia 1% of men
#3b527a Deuteranopia 1% of men
#555156 Tritanopia 0.001% of the population

Trichromacy

#434981 Protanomaly 1% of men, 0.01% of women
#454a79 Deuteranomaly 6% of men, 0.4% of women
#554962 Tritanomaly 0.01% of the population

#563d78 hex color

#563d78 Color Information

#563d78 Color Conversion

Color Schemes with #563d78

Alternatives to #563d78

#563d78 Preview

Shades and Tints of #563d78

Tones of #563d78

Color Blindness Simulator