#563d84 hex color

In a RGB color space, hex #563d84 is composed of 33.7% red, 23.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 34.8% cyan, 53.8% magenta, 0% yellow and 48.2% black. It has a hue angle of 261.1 degrees, a saturation of 36.8% and a lightness of 37.8%. #563d84 color hex could be obtained by blending #ac7aff with #000009. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 24
- B 52
RGB color chart
- C 35
- M 54
- Y 0
- K 48
CMYK color chart

● #563d84 color description : Dark moderate violet.

The hexadecimal color #563d84 has RGB values of R:86, G:61, B:132 and CMYK values of C:0.35, M:0.54, Y:0, K:0.48. Its decimal value is 5651844.

Hex triplet	563d84	`#563d84`
RGB Decimal	86, 61, 132	`rgb(86,61,132)`
RGB Percent	33.7, 23.9, 51.8	`rgb(33.7%,23.9%,51.8%)`
CMYK	35, 54, 0, 48
HSL	261.1°, 36.8, 37.8	`hsl(261.1,36.8%,37.8%)`
HSV (or HSB)	261.1°, 53.8, 51.8
Web Safe	663399	`#663399`

CIE-LAB	31.766, 27.536, -36.179
XYZ	9.671, 6.982, 22.667
xyY	0.246, 0.178, 6.982
CIE-LCH	31.766, 45.466, 307.276
CIE-LUV	31.766, 5.879, -51.138
Hunter-Lab	26.423, 19.089, -32.365
Binary	01010110, 00111101, 10000100

#563d84
```
#563d84 rgb(86,61,132)
```
#6b843d
```
#6b843d rgb(107,132,61)
```

Complementary Color

#3d4884
```
#3d4884 rgb(61,72,132)
```
#563d84
```
#563d84 rgb(86,61,132)
```
#7a3d84
```
#7a3d84 rgb(122,61,132)
```

Analogous Color

#48843d
```
#48843d rgb(72,132,61)
```
#563d84
```
#563d84 rgb(86,61,132)
```
#847a3d
```
#847a3d rgb(132,122,61)
```

Split Complementary Color

#3d8456
```
#3d8456 rgb(61,132,86)
```
#563d84
```
#563d84 rgb(86,61,132)
```
#84563d
```
#84563d rgb(132,86,61)
```

Triadic Color

#3d6b84
```
#3d6b84 rgb(61,107,132)
```
#563d84
```
#563d84 rgb(86,61,132)
```
#84563d
```
#84563d rgb(132,86,61)
```
#6b843d
```
#6b843d rgb(107,132,61)
```

Tetradic Color

#342550
```
#342550 rgb(52,37,80)
```
#3f2d61
```
#3f2d61 rgb(63,45,97)
```
#4b3573
```
#4b3573 rgb(75,53,115)
```
#563d84
```
#563d84 rgb(86,61,132)
```
#614595
```
#614595 rgb(97,69,149)
```
#6d4da7
```
#6d4da7 rgb(109,77,167)
```
#7a5bb3
```
#7a5bb3 rgb(122,91,179)
```

Monochromatic Color

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

#443d84
```
#443d84 rgb(68,61,132)
```
#4a3d84
```
#4a3d84 rgb(74,61,132)
```
#503d84
```
#503d84 rgb(80,61,132)
```
#563d84
```
#563d84 rgb(86,61,132)
```
#5c3d84
```
#5c3d84 rgb(92,61,132)
```
#623d84
```
#623d84 rgb(98,61,132)
```
#683d84
```
#683d84 rgb(104,61,132)
```

Similar Colors

Text with hexadecimal color #563d84

This text has a font color of #563d84.

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

#563d84 background color

This paragraph has a background color of #563d84.

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

#563d84 border color

This element has a border color of #563d84.

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

CSS codes

.text {color:#563d84;}

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

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

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, #07050b is the darkest color, while #fdfdfe is the lightest one.

#07050b
```
#07050b rgb(7,5,11)
```
#100b19
```
#100b19 rgb(16,11,25)
```
#191226
```
#191226 rgb(25,18,38)
```
#221834
```
#221834 rgb(34,24,52)
```
#2a1e41
```
#2a1e41 rgb(42,30,65)
```
#33244e
```
#33244e rgb(51,36,78)
```
#3c2a5c
```
#3c2a5c rgb(60,42,92)
```
#453169
```
#453169 rgb(69,49,105)
```
#4d3777
```
#4d3777 rgb(77,55,119)
```
#563d84
```
#563d84 rgb(86,61,132)
```
#5f4391
```
#5f4391 rgb(95,67,145)
```
#67499f
```
#67499f rgb(103,73,159)
```
#7050ac
```
#7050ac rgb(112,80,172)
```

Shade Color Variation

#7b5cb4
```
#7b5cb4 rgb(123,92,180)
```
#8669ba
```
#8669ba rgb(134,105,186)
```
#9177c0
```
#9177c0 rgb(145,119,192)
```
#9b84c6
```
#9b84c6 rgb(155,132,198)
```
#a692cc
```
#a692cc rgb(166,146,204)
```
#b19fd3
```
#b19fd3 rgb(177,159,211)
```
#bcacd9
```
#bcacd9 rgb(188,172,217)
```
#c7badf
```
#c7badf rgb(199,186,223)
```
#d2c7e5
```
#d2c7e5 rgb(210,199,229)
```
#ddd5eb
```
#ddd5eb rgb(221,213,235)
```
#e8e2f2
```
#e8e2f2 rgb(232,226,242)
```
#f2eff8
```
#f2eff8 rgb(242,239,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#5f5b66
```
#5f5b66 rgb(95,91,102)
```
#5d536e
```
#5d536e rgb(93,83,110)
```
#5a4c75
```
#5a4c75 rgb(90,76,117)
```
#58447d
```
#58447d rgb(88,68,125)
```
#563d84
```
#563d84 rgb(86,61,132)
```
#54368b
```
#54368b rgb(84,54,139)
```
#522e93
```
#522e93 rgb(82,46,147)
```
#4f279a
```
#4f279a rgb(79,39,154)
```
#4d1fa2
```
#4d1fa2 rgb(77,31,162)
```
#4b18a9
```
#4b18a9 rgb(75,24,169)
```
#4910b1
```
#4910b1 rgb(73,16,177)
```
#4709b8
```
#4709b8 rgb(71,9,184)
```
#4402bf
```
#4402bf rgb(68,2,191)
```

Tone Color Variation

Below, you can see how #563d84 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

#4d4d4d Achromatopsia 0.005% of the population
#4f4a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d5193 Protanopia 1% of men
#2f5485 Deuteranopia 1% of men
#525359 Tritanopia 0.001% of the population

Trichromacy

#3c4a8d Protanomaly 1% of men, 0.01% of women
#3d4c84 Deuteranomaly 6% of men, 0.4% of women
#534b69 Tritanomaly 0.01% of the population

#563d84 hex color

#563d84 Color Information

#563d84 Color Conversion

Color Schemes with #563d84

Alternatives to #563d84

#563d84 Preview

Shades and Tints of #563d84

Tones of #563d84

Color Blindness Simulator