#563b84 hex color

In a RGB color space, hex #563b84 is composed of 33.7% red, 23.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 34.8% cyan, 55.3% magenta, 0% yellow and 48.2% black. It has a hue angle of 262.2 degrees, a saturation of 38.2% and a lightness of 37.5%. #563b84 color hex could be obtained by blending #ac76ff with #000009. Closest websafe color is: #663399.

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

● #563b84 color description : Dark moderate violet.

The hexadecimal color #563b84 has RGB values of R:86, G:59, B:132 and CMYK values of C:0.35, M:0.55, Y:0, K:0.48. Its decimal value is 5651332.

Hex triplet	563b84	`#563b84`
RGB Decimal	86, 59, 132	`rgb(86,59,132)`
RGB Percent	33.7, 23.1, 51.8	`rgb(33.7%,23.1%,51.8%)`
CMYK	35, 55, 0, 48
HSL	262.2°, 38.2, 37.5	`hsl(262.2,38.2%,37.5%)`
HSV (or HSB)	262.2°, 55.3, 51.8
Web Safe	663399	`#663399`

CIE-LAB	31.283, 28.771, -36.95
XYZ	9.566, 6.772, 22.632
xyY	0.245, 0.174, 6.772
CIE-LCH	31.283, 46.83, 307.906
CIE-LUV	31.283, 6.453, -52.021
Hunter-Lab	26.024, 20.072, -33.346
Binary	01010110, 00111011, 10000100

#563b84
```
#563b84 rgb(86,59,132)
```
#69843b
```
#69843b rgb(105,132,59)
```

Complementary Color

#3b4584
```
#3b4584 rgb(59,69,132)
```
#563b84
```
#563b84 rgb(86,59,132)
```
#7b3b84
```
#7b3b84 rgb(123,59,132)
```

Analogous Color

#45843b
```
#45843b rgb(69,132,59)
```
#563b84
```
#563b84 rgb(86,59,132)
```
#847b3b
```
#847b3b rgb(132,123,59)
```

Split Complementary Color

#3b8456
```
#3b8456 rgb(59,132,86)
```
#563b84
```
#563b84 rgb(86,59,132)
```
#84563b
```
#84563b rgb(132,86,59)
```

Triadic Color

#3b6984
```
#3b6984 rgb(59,105,132)
```
#563b84
```
#563b84 rgb(86,59,132)
```
#84563b
```
#84563b rgb(132,86,59)
```
#69843b
```
#69843b rgb(105,132,59)
```

Tetradic Color

#34234f
```
#34234f rgb(52,35,79)
```
#3f2b61
```
#3f2b61 rgb(63,43,97)
```
#4b3372
```
#4b3372 rgb(75,51,114)
```
#563b84
```
#563b84 rgb(86,59,132)
```
#614396
```
#614396 rgb(97,67,150)
```
#6d4ba7
```
#6d4ba7 rgb(109,75,167)
```
#7a57b4
```
#7a57b4 rgb(122,87,180)
```

Monochromatic Color

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

#443b84
```
#443b84 rgb(68,59,132)
```
#4a3b84
```
#4a3b84 rgb(74,59,132)
```
#503b84
```
#503b84 rgb(80,59,132)
```
#563b84
```
#563b84 rgb(86,59,132)
```
#5c3b84
```
#5c3b84 rgb(92,59,132)
```
#623b84
```
#623b84 rgb(98,59,132)
```
#683b84
```
#683b84 rgb(104,59,132)
```

Similar Colors

Text with hexadecimal color #563b84

This text has a font color of #563b84.

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

#563b84 background color

This paragraph has a background color of #563b84.

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

#563b84 border color

This element has a border color of #563b84.

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

CSS codes

.text {color:#563b84;}

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

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

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, #07040a is the darkest color, while #fcfbfd is the lightest one.

#07040a
```
#07040a rgb(7,4,10)
```
#0f0b18
```
#0f0b18 rgb(15,11,24)
```
#181125
```
#181125 rgb(24,17,37)
```
#211733
```
#211733 rgb(33,23,51)
```
#2a1d40
```
#2a1d40 rgb(42,29,64)
```
#33234e
```
#33234e rgb(51,35,78)
```
#3c295b
```
#3c295b rgb(60,41,91)
```
#442f69
```
#442f69 rgb(68,47,105)
```
#4d3576
```
#4d3576 rgb(77,53,118)
```
#563b84
```
#563b84 rgb(86,59,132)
```
#5f4192
```
#5f4192 rgb(95,65,146)
```
#68479f
```
#68479f rgb(104,71,159)
```
#704dad
```
#704dad rgb(112,77,173)
```

Shade Color Variation

#7b59b5
```
#7b59b5 rgb(123,89,181)
```
#8666bb
```
#8666bb rgb(134,102,187)
```
#9074c1
```
#9074c1 rgb(144,116,193)
```
#9b81c7
```
#9b81c7 rgb(155,129,199)
```
#a68fcd
```
#a68fcd rgb(166,143,205)
```
#b19dd3
```
#b19dd3 rgb(177,157,211)
```
#bbaad9
```
#bbaad9 rgb(187,170,217)
```
#c6b8df
```
#c6b8df rgb(198,184,223)
```
#d1c5e5
```
#d1c5e5 rgb(209,197,229)
```
#dcd3eb
```
#dcd3eb rgb(220,211,235)
```
#e7e0f1
```
#e7e0f1 rgb(231,224,241)
```
#f1eef7
```
#f1eef7 rgb(241,238,247)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

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

#5e5867
```
#5e5867 rgb(94,88,103)
```
#5c516e
```
#5c516e rgb(92,81,110)
```
#5a4a75
```
#5a4a75 rgb(90,74,117)
```
#58427d
```
#58427d rgb(88,66,125)
```
#563b84
```
#563b84 rgb(86,59,132)
```
#54348b
```
#54348b rgb(84,52,139)
```
#522c93
```
#522c93 rgb(82,44,147)
```
#50259a
```
#50259a rgb(80,37,154)
```
#4e1ea1
```
#4e1ea1 rgb(78,30,161)
```
#4c16a9
```
#4c16a9 rgb(76,22,169)
```
#4b0fb0
```
#4b0fb0 rgb(75,15,176)
```
#4908b7
```
#4908b7 rgb(73,8,183)
```
#4700bf
```
#4700bf rgb(71,0,191)
```

Tone Color Variation

Below, you can see how #563b84 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
#4d4856 Atypical Achromatopsia 0.001% of the population

Dichromacy

#295094 Protanopia 1% of men
#2c5385 Deuteranopia 1% of men
#525258 Tritanopia 0.001% of the population

Trichromacy

#39488e Protanomaly 1% of men, 0.01% of women
#3b4a84 Deuteranomaly 6% of men, 0.4% of women
#534a68 Tritanomaly 0.01% of the population

#563b84 hex color

#563b84 Color Information

#563b84 Color Conversion

Color Schemes with #563b84

Alternatives to #563b84

#563b84 Preview

Shades and Tints of #563b84

Tones of #563b84

Color Blindness Simulator