#563c7d hex color

In a RGB color space, hex #563c7d is composed of 33.7% red, 23.5% green and 49% blue. Whereas in a CMYK color space, it is composed of 31.2% cyan, 52% magenta, 0% yellow and 51% black. It has a hue angle of 264 degrees, a saturation of 35.1% and a lightness of 36.3%. #563c7d color hex could be obtained by blending #ac78fa with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 34
- G 24
- B 49
RGB color chart
- C 31
- M 52
- Y 0
- K 51
CMYK color chart

● #563c7d color description : Dark moderate violet.

The hexadecimal color #563c7d has RGB values of R:86, G:60, B:125 and CMYK values of C:0.31, M:0.52, Y:0, K:0.51. Its decimal value is 5651581.

Hex triplet	563c7d	`#563c7d`
RGB Decimal	86, 60, 125	`rgb(86,60,125)`
RGB Percent	33.7, 23.5, 49	`rgb(33.7%,23.5%,49%)`
CMYK	31, 52, 0, 51
HSL	264°, 35.1, 36.3	`hsl(264,35.1%,36.3%)`
HSV (or HSB)	264°, 52, 49
Web Safe	663366	`#663366`

CIE-LAB	31.093, 26.21, -32.892
XYZ	9.155, 6.691, 20.21
xyY	0.254, 0.186, 6.691
CIE-LCH	31.093, 42.058, 308.549
CIE-LUV	31.093, 7.024, -46.25
Hunter-Lab	25.867, 17.908, -28.218
Binary	01010110, 00111100, 01111101

#563c7d
```
#563c7d rgb(86,60,125)
```
#637d3c
```
#637d3c rgb(99,125,60)
```

Complementary Color

#3c437d
```
#3c437d rgb(60,67,125)
```
#563c7d
```
#563c7d rgb(86,60,125)
```
#773c7d
```
#773c7d rgb(119,60,125)
```

Analogous Color

#437d3c
```
#437d3c rgb(67,125,60)
```
#563c7d
```
#563c7d rgb(86,60,125)
```
#7d773c
```
#7d773c rgb(125,119,60)
```

Split Complementary Color

#3c7d56
```
#3c7d56 rgb(60,125,86)
```
#563c7d
```
#563c7d rgb(86,60,125)
```
#7d563c
```
#7d563c rgb(125,86,60)
```

Triadic Color

#3c637d
```
#3c637d rgb(60,99,125)
```
#563c7d
```
#563c7d rgb(86,60,125)
```
#7d563c
```
#7d563c rgb(125,86,60)
```
#637d3c
```
#637d3c rgb(99,125,60)
```

Tetradic Color

#322349
```
#322349 rgb(50,35,73)
```
#3e2b5b
```
#3e2b5b rgb(62,43,91)
```
#4a346c
```
#4a346c rgb(74,52,108)
```
#563c7d
```
#563c7d rgb(86,60,125)
```
#62448e
```
#62448e rgb(98,68,142)
```
#6e4d9f
```
#6e4d9f rgb(110,77,159)
```
#7a57ae
```
#7a57ae rgb(122,87,174)
```

Monochromatic Color

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

#463c7d
```
#463c7d rgb(70,60,125)
```
#4b3c7d
```
#4b3c7d rgb(75,60,125)
```
#513c7d
```
#513c7d rgb(81,60,125)
```
#563c7d
```
#563c7d rgb(86,60,125)
```
#5b3c7d
```
#5b3c7d rgb(91,60,125)
```
#613c7d
```
#613c7d rgb(97,60,125)
```
#663c7d
```
#663c7d rgb(102,60,125)
```

Similar Colors

Text with hexadecimal color #563c7d

This text has a font color of #563c7d.

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

#563c7d background color

This paragraph has a background color of #563c7d.

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

#563c7d border color

This element has a border color of #563c7d.

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

CSS codes

.text {color:#563c7d;}

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

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

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

#040306
```
#040306 rgb(4,3,6)
```
#0d0913
```
#0d0913 rgb(13,9,19)
```
#160f20
```
#160f20 rgb(22,15,32)
```
#1f162d
```
#1f162d rgb(31,22,45)
```
#281c3b
```
#281c3b rgb(40,28,59)
```
#322348
```
#322348 rgb(50,35,72)
```
#3b2955
```
#3b2955 rgb(59,41,85)
```
#442f62
```
#442f62 rgb(68,47,98)
```
#4d3670
```
#4d3670 rgb(77,54,112)
```
#563c7d
```
#563c7d rgb(86,60,125)
```
#5f428a
```
#5f428a rgb(95,66,138)
```
#684998
```
#684998 rgb(104,73,152)
```
#714fa5
```
#714fa5 rgb(113,79,165)
```

Shade Color Variation

#7b58af
```
#7b58af rgb(123,88,175)
```
#8666b5
```
#8666b5 rgb(134,102,181)
```
#9073bc
```
#9073bc rgb(144,115,188)
```
#9b80c2
```
#9b80c2 rgb(155,128,194)
```
#a58dc8
```
#a58dc8 rgb(165,141,200)
```
#b09bcf
```
#b09bcf rgb(176,155,207)
```
#baa8d5
```
#baa8d5 rgb(186,168,213)
```
#c5b5dc
```
#c5b5dc rgb(197,181,220)
```
#cfc2e2
```
#cfc2e2 rgb(207,194,226)
```
#dad0e8
```
#dad0e8 rgb(218,208,232)
```
#e4ddef
```
#e4ddef rgb(228,221,239)
```
#efeaf5
```
#efeaf5 rgb(239,234,245)
```
#f9f7fb
```
#f9f7fb rgb(249,247,251)
```

Tint Color Variation

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

#5c5861
```
#5c5861 rgb(92,88,97)
```
#5a5168
```
#5a5168 rgb(90,81,104)
```
#594a6f
```
#594a6f rgb(89,74,111)
```
#574376
```
#574376 rgb(87,67,118)
```
#563c7d
```
#563c7d rgb(86,60,125)
```
#553584
```
#553584 rgb(85,53,132)
```
#532e8b
```
#532e8b rgb(83,46,139)
```
#522792
```
#522792 rgb(82,39,146)
```
#502099
```
#502099 rgb(80,32,153)
```
#4f18a1
```
#4f18a1 rgb(79,24,161)
```
#4d11a8
```
#4d11a8 rgb(77,17,168)
```
#4c0aaf
```
#4c0aaf rgb(76,10,175)
```
#4b03b6
```
#4b03b6 rgb(75,3,182)
```

Tone Color Variation

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

Dichromacy

#32508c Protanopia 1% of men
#35527f Deuteranopia 1% of men
#545157 Tritanopia 0.001% of the population

Trichromacy

#3f4986 Protanomaly 1% of men, 0.01% of women
#414a7e Deuteranomaly 6% of men, 0.4% of women
#554965 Tritanomaly 0.01% of the population

#563c7d hex color

#563c7d Color Information

#563c7d Color Conversion

Color Schemes with #563c7d

Alternatives to #563c7d

#563c7d Preview

Shades and Tints of #563c7d

Tones of #563c7d

Color Blindness Simulator