#563e7a hex color

In a RGB color space, hex #563e7a is composed of 33.7% red, 24.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 29.5% cyan, 49.2% magenta, 0% yellow and 52.2% black. It has a hue angle of 264 degrees, a saturation of 32.6% and a lightness of 36.1%. #563e7a color hex could be obtained by blending #ac7cf4 with #000000. Closest websafe color is: #663366.

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

● #563e7a color description : Dark moderate violet.

The hexadecimal color #563e7a has RGB values of R:86, G:62, B:122 and CMYK values of C:0.3, M:0.49, Y:0, K:0.52. Its decimal value is 5652090.

Hex triplet	563e7a	`#563e7a`
RGB Decimal	86, 62, 122	`rgb(86,62,122)`
RGB Percent	33.7, 24.3, 47.8	`rgb(33.7%,24.3%,47.8%)`
CMYK	30, 49, 0, 52
HSL	264°, 32.6, 36.1	`hsl(264,32.6%,36.1%)`
HSV (or HSB)	264°, 49.2, 47.8
Web Safe	663366	`#663366`

CIE-LAB	31.414, 24.137, -30.504
XYZ	9.073, 6.829, 19.251
xyY	0.258, 0.194, 6.829
CIE-LCH	31.414, 38.899, 308.353
CIE-LUV	31.414, 6.766, -42.973
Hunter-Lab	26.132, 16.241, -25.386
Binary	01010110, 00111110, 01111010

#563e7a
```
#563e7a rgb(86,62,122)
```
#627a3e
```
#627a3e rgb(98,122,62)
```

Complementary Color

#3e447a
```
#3e447a rgb(62,68,122)
```
#563e7a
```
#563e7a rgb(86,62,122)
```
#743e7a
```
#743e7a rgb(116,62,122)
```

Analogous Color

#447a3e
```
#447a3e rgb(68,122,62)
```
#563e7a
```
#563e7a rgb(86,62,122)
```
#7a743e
```
#7a743e rgb(122,116,62)
```

Split Complementary Color

#3e7a56
```
#3e7a56 rgb(62,122,86)
```
#563e7a
```
#563e7a rgb(86,62,122)
```
#7a563e
```
#7a563e rgb(122,86,62)
```

Triadic Color

#3e627a
```
#3e627a rgb(62,98,122)
```
#563e7a
```
#563e7a rgb(86,62,122)
```
#7a563e
```
#7a563e rgb(122,86,62)
```
#627a3e
```
#627a3e rgb(98,122,62)
```

Tetradic Color

#322447
```
#322447 rgb(50,36,71)
```
#3e2d58
```
#3e2d58 rgb(62,45,88)
```
#4a3569
```
#4a3569 rgb(74,53,105)
```
#563e7a
```
#563e7a rgb(86,62,122)
```
#62478b
```
#62478b rgb(98,71,139)
```
#6e4f9c
```
#6e4f9c rgb(110,79,156)
```
#7a5aab
```
#7a5aab rgb(122,90,171)
```

Monochromatic Color

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

#473e7a
```
#473e7a rgb(71,62,122)
```
#4c3e7a
```
#4c3e7a rgb(76,62,122)
```
#513e7a
```
#513e7a rgb(81,62,122)
```
#563e7a
```
#563e7a rgb(86,62,122)
```
#5b3e7a
```
#5b3e7a rgb(91,62,122)
```
#603e7a
```
#603e7a rgb(96,62,122)
```
#653e7a
```
#653e7a rgb(101,62,122)
```

Similar Colors

Text with hexadecimal color #563e7a

This text has a font color of #563e7a.

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

#563e7a background color

This paragraph has a background color of #563e7a.

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

#563e7a border color

This element has a border color of #563e7a.

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

CSS codes

.text {color:#563e7a;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0d0912
```
#0d0912 rgb(13,9,18)
```
#16101f
```
#16101f rgb(22,16,31)
```
#1f162c
```
#1f162c rgb(31,22,44)
```
#281d39
```
#281d39 rgb(40,29,57)
```
#312446
```
#312446 rgb(49,36,70)
```
#3a2a53
```
#3a2a53 rgb(58,42,83)
```
#443160
```
#443160 rgb(68,49,96)
```
#4d376d
```
#4d376d rgb(77,55,109)
```
#563e7a
```
#563e7a rgb(86,62,122)
```
#5f4587
```
#5f4587 rgb(95,69,135)
```
#684b94
```
#684b94 rgb(104,75,148)
```
#7252a1
```
#7252a1 rgb(114,82,161)
```

Shade Color Variation

#7b5bac
```
#7b5bac rgb(123,91,172)
```
#8668b2
```
#8668b2 rgb(134,104,178)
```
#9075b9
```
#9075b9 rgb(144,117,185)
```
#9b82bf
```
#9b82bf rgb(155,130,191)
```
#a58fc6
```
#a58fc6 rgb(165,143,198)
```
#af9ccd
```
#af9ccd rgb(175,156,205)
```
#baa9d3
```
#baa9d3 rgb(186,169,211)
```
#c4b6da
```
#c4b6da rgb(196,182,218)
```
#cfc3e0
```
#cfc3e0 rgb(207,195,224)
```
#d9d0e7
```
#d9d0e7 rgb(217,208,231)
```
#e4ddee
```
#e4ddee rgb(228,221,238)
```
#eeeaf4
```
#eeeaf4 rgb(238,234,244)
```
#f9f7fb
```
#f9f7fb rgb(249,247,251)
```

Tint Color Variation

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

#5c5a5e
```
#5c5a5e rgb(92,90,94)
```
#5a5365
```
#5a5365 rgb(90,83,101)
```
#594c6c
```
#594c6c rgb(89,76,108)
```
#574573
```
#574573 rgb(87,69,115)
```
#563e7a
```
#563e7a rgb(86,62,122)
```
#553781
```
#553781 rgb(85,55,129)
```
#533088
```
#533088 rgb(83,48,136)
```
#52298f
```
#52298f rgb(82,41,143)
```
#502296
```
#502296 rgb(80,34,150)
```
#4f1b9d
```
#4f1b9d rgb(79,27,157)
```
#4e14a4
```
#4e14a4 rgb(78,20,164)
```
#4c0cac
```
#4c0cac rgb(76,12,172)
```
#4b05b3
```
#4b05b3 rgb(75,5,179)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4e4955 Atypical Achromatopsia 0.001% of the population

Dichromacy

#385188 Protanopia 1% of men
#3b537c Deuteranopia 1% of men
#555258 Tritanopia 0.001% of the population

Trichromacy

#434a83 Protanomaly 1% of men, 0.01% of women
#454b7b Deuteranomaly 6% of men, 0.4% of women
#554a64 Tritanomaly 0.01% of the population

#563e7a hex color

#563e7a Color Information

#563e7a Color Conversion

Color Schemes with #563e7a

Alternatives to #563e7a

#563e7a Preview

Shades and Tints of #563e7a

Tones of #563e7a

Color Blindness Simulator