#563a7e hex color

In a RGB color space, hex #563a7e is composed of 33.7% red, 22.7% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 31.7% cyan, 54% magenta, 0% yellow and 50.6% black. It has a hue angle of 264.7 degrees, a saturation of 37% and a lightness of 36.1%. #563a7e color hex could be obtained by blending #ac74fc with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 34
- G 23
- B 49
RGB color chart
- C 32
- M 54
- Y 0
- K 51
CMYK color chart

● #563a7e color description : Dark moderate violet.

The hexadecimal color #563a7e has RGB values of R:86, G:58, B:126 and CMYK values of C:0.32, M:0.54, Y:0, K:0.51. Its decimal value is 5651070.

Hex triplet	563a7e	`#563a7e`
RGB Decimal	86, 58, 126	`rgb(86,58,126)`
RGB Percent	33.7, 22.7, 49.4	`rgb(33.7%,22.7%,49.4%)`
CMYK	32, 54, 0, 51
HSL	264.7°, 37, 36.1	`hsl(264.7,37%,36.1%)`
HSV (or HSB)	264.7°, 54, 49.4
Web Safe	663366	`#663366`

CIE-LAB	30.667, 27.723, -34.195
XYZ	9.116, 6.511, 20.514
xyY	0.252, 0.18, 6.511
CIE-LCH	30.667, 44.022, 309.033
CIE-LUV	30.667, 7.493, -47.921
Hunter-Lab	25.517, 19.117, -29.805
Binary	01010110, 00111010, 01111110

#563a7e
```
#563a7e rgb(86,58,126)
```
#627e3a
```
#627e3a rgb(98,126,58)
```

Complementary Color

#3a407e
```
#3a407e rgb(58,64,126)
```
#563a7e
```
#563a7e rgb(86,58,126)
```
#783a7e
```
#783a7e rgb(120,58,126)
```

Analogous Color

#407e3a
```
#407e3a rgb(64,126,58)
```
#563a7e
```
#563a7e rgb(86,58,126)
```
#7e783a
```
#7e783a rgb(126,120,58)
```

Split Complementary Color

#3a7e56
```
#3a7e56 rgb(58,126,86)
```
#563a7e
```
#563a7e rgb(86,58,126)
```
#7e563a
```
#7e563a rgb(126,86,58)
```

Triadic Color

#3a627e
```
#3a627e rgb(58,98,126)
```
#563a7e
```
#563a7e rgb(86,58,126)
```
#7e563a
```
#7e563a rgb(126,86,58)
```
#627e3a
```
#627e3a rgb(98,126,58)
```

Tetradic Color

#32224a
```
#32224a rgb(50,34,74)
```
#3e2a5b
```
#3e2a5b rgb(62,42,91)
```
#4a326d
```
#4a326d rgb(74,50,109)
```
#563a7e
```
#563a7e rgb(86,58,126)
```
#62428f
```
#62428f rgb(98,66,143)
```
#6e4aa1
```
#6e4aa1 rgb(110,74,161)
```
#7a54b0
```
#7a54b0 rgb(122,84,176)
```

Monochromatic Color

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

#453a7e
```
#453a7e rgb(69,58,126)
```
#4b3a7e
```
#4b3a7e rgb(75,58,126)
```
#503a7e
```
#503a7e rgb(80,58,126)
```
#563a7e
```
#563a7e rgb(86,58,126)
```
#5c3a7e
```
#5c3a7e rgb(92,58,126)
```
#613a7e
```
#613a7e rgb(97,58,126)
```
#673a7e
```
#673a7e rgb(103,58,126)
```

Similar Colors

Text with hexadecimal color #563a7e

This text has a font color of #563a7e.

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

#563a7e background color

This paragraph has a background color of #563a7e.

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

#563a7e border color

This element has a border color of #563a7e.

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

CSS codes

.text {color:#563a7e;}

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

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

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, #030205 is the darkest color, while #f9f7fb is the lightest one.

#030205
```
#030205 rgb(3,2,5)
```
#0d0913
```
#0d0913 rgb(13,9,19)
```
#160f20
```
#160f20 rgb(22,15,32)
```
#1f152d
```
#1f152d rgb(31,21,45)
```
#281b3b
```
#281b3b rgb(40,27,59)
```
#312148
```
#312148 rgb(49,33,72)
```
#3a2756
```
#3a2756 rgb(58,39,86)
```
#442e63
```
#442e63 rgb(68,46,99)
```
#4d3471
```
#4d3471 rgb(77,52,113)
```
#563a7e
```
#563a7e rgb(86,58,126)
```
#5f408b
```
#5f408b rgb(95,64,139)
```
#684699
```
#684699 rgb(104,70,153)
```
#724da6
```
#724da6 rgb(114,77,166)
```

Shade Color Variation

#7b55b1
```
#7b55b1 rgb(123,85,177)
```
#8663b7
```
#8663b7 rgb(134,99,183)
```
#9070bd
```
#9070bd rgb(144,112,189)
```
#9b7ec4
```
#9b7ec4 rgb(155,126,196)
```
#a58bca
```
#a58bca rgb(165,139,202)
```
#af99d0
```
#af99d0 rgb(175,153,208)
```
#baa6d6
```
#baa6d6 rgb(186,166,214)
```
#c4b4dc
```
#c4b4dc rgb(196,180,220)
```
#cfc1e2
```
#cfc1e2 rgb(207,193,226)
```
#d9cee9
```
#d9cee9 rgb(217,206,233)
```
#e4dcef
```
#e4dcef rgb(228,220,239)
```
#eee9f5
```
#eee9f5 rgb(238,233,245)
```
#f9f7fb
```
#f9f7fb rgb(249,247,251)
```

Tint Color Variation

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

#5b5662
```
#5b5662 rgb(91,86,98)
```
#5a4f69
```
#5a4f69 rgb(90,79,105)
```
#584870
```
#584870 rgb(88,72,112)
```
#574177
```
#574177 rgb(87,65,119)
```
#563a7e
```
#563a7e rgb(86,58,126)
```
#553385
```
#553385 rgb(85,51,133)
```
#542c8c
```
#542c8c rgb(84,44,140)
```
#522593
```
#522593 rgb(82,37,147)
```
#511e9a
```
#511e9a rgb(81,30,154)
```
#5017a1
```
#5017a1 rgb(80,23,161)
```
#4f10a8
```
#4f10a8 rgb(79,16,168)
```
#4d08b0
```
#4d08b0 rgb(77,8,176)
```
#4c01b7
```
#4c01b7 rgb(76,1,183)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4c4754 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e4f8e Protanopia 1% of men
#31527f Deuteranopia 1% of men
#535056 Tritanopia 0.001% of the population

Trichromacy

#3c4788 Protanomaly 1% of men, 0.01% of women
#3f497f Deuteranomaly 6% of men, 0.4% of women
#544864 Tritanomaly 0.01% of the population

#563a7e hex color

#563a7e Color Information

#563a7e Color Conversion

Color Schemes with #563a7e

Alternatives to #563a7e

#563a7e Preview

Shades and Tints of #563a7e

Tones of #563a7e

Color Blindness Simulator