#563e7b hex color

In a RGB color space, hex #563e7b is composed of 33.7% red, 24.3% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 30.1% cyan, 49.6% magenta, 0% yellow and 51.8% black. It has a hue angle of 263.6 degrees, a saturation of 33% and a lightness of 36.3%. #563e7b color hex could be obtained by blending #ac7cf6 with #000000. Closest websafe color is: #663366.

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

● #563e7b color description : Dark moderate violet.

The hexadecimal color #563e7b has RGB values of R:86, G:62, B:123 and CMYK values of C:0.3, M:0.5, Y:0, K:0.52. Its decimal value is 5652091.

Hex triplet	563e7b	`#563e7b`
RGB Decimal	86, 62, 123	`rgb(86,62,123)`
RGB Percent	33.7, 24.3, 48.2	`rgb(33.7%,24.3%,48.2%)`
CMYK	30, 50, 0, 52
HSL	263.6°, 33, 36.3	`hsl(263.6,33%,36.3%)`
HSV (or HSB)	263.6°, 49.6, 48.2
Web Safe	663366	`#663366`

CIE-LAB	31.472, 24.411, -31.039
XYZ	9.135, 6.854, 19.579
xyY	0.257, 0.193, 6.854
CIE-LCH	31.472, 39.488, 308.183
CIE-LUV	31.472, 6.646, -43.75
Hunter-Lab	26.18, 16.47, -26.016
Binary	01010110, 00111110, 01111011

#563e7b
```
#563e7b rgb(86,62,123)
```
#637b3e
```
#637b3e rgb(99,123,62)
```

Complementary Color

#3e457b
```
#3e457b rgb(62,69,123)
```
#563e7b
```
#563e7b rgb(86,62,123)
```
#753e7b
```
#753e7b rgb(117,62,123)
```

Analogous Color

#457b3e
```
#457b3e rgb(69,123,62)
```
#563e7b
```
#563e7b rgb(86,62,123)
```
#7b753e
```
#7b753e rgb(123,117,62)
```

Split Complementary Color

#3e7b56
```
#3e7b56 rgb(62,123,86)
```
#563e7b
```
#563e7b rgb(86,62,123)
```
#7b563e
```
#7b563e rgb(123,86,62)
```

Triadic Color

#3e637b
```
#3e637b rgb(62,99,123)
```
#563e7b
```
#563e7b rgb(86,62,123)
```
#7b563e
```
#7b563e rgb(123,86,62)
```
#637b3e
```
#637b3e rgb(99,123,62)
```

Tetradic Color

#322448
```
#322448 rgb(50,36,72)
```
#3e2d59
```
#3e2d59 rgb(62,45,89)
```
#4a356a
```
#4a356a rgb(74,53,106)
```
#563e7b
```
#563e7b rgb(86,62,123)
```
#62478c
```
#62478c rgb(98,71,140)
```
#6e4f9d
```
#6e4f9d rgb(110,79,157)
```
#7a5aac
```
#7a5aac rgb(122,90,172)
```

Monochromatic Color

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

#473e7b
```
#473e7b rgb(71,62,123)
```
#4c3e7b
```
#4c3e7b rgb(76,62,123)
```
#513e7b
```
#513e7b rgb(81,62,123)
```
#563e7b
```
#563e7b rgb(86,62,123)
```
#5b3e7b
```
#5b3e7b rgb(91,62,123)
```
#603e7b
```
#603e7b rgb(96,62,123)
```
#653e7b
```
#653e7b rgb(101,62,123)
```

Similar Colors

Text with hexadecimal color #563e7b

This text has a font color of #563e7b.

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

#563e7b background color

This paragraph has a background color of #563e7b.

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

#563e7b border color

This element has a border color of #563e7b.

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

CSS codes

.text {color:#563e7b;}

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

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

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 #f9f8fb is the lightest one.

#040306
```
#040306 rgb(4,3,6)
```
#0d0913
```
#0d0913 rgb(13,9,19)
```
#161020
```
#161020 rgb(22,16,32)
```
#1f172d
```
#1f172d rgb(31,23,45)
```
#281d3a
```
#281d3a rgb(40,29,58)
```
#322447
```
#322447 rgb(50,36,71)
```
#3b2a54
```
#3b2a54 rgb(59,42,84)
```
#443161
```
#443161 rgb(68,49,97)
```
#4d376e
```
#4d376e rgb(77,55,110)
```
#563e7b
```
#563e7b rgb(86,62,123)
```
#5f4588
```
#5f4588 rgb(95,69,136)
```
#684b95
```
#684b95 rgb(104,75,149)
```
#7152a2
```
#7152a2 rgb(113,82,162)
```

Shade Color Variation

#7b5bac
```
#7b5bac rgb(123,91,172)
```
#8668b3
```
#8668b3 rgb(134,104,179)
```
#9075ba
```
#9075ba rgb(144,117,186)
```
#9b82c0
```
#9b82c0 rgb(155,130,192)
```
#a58fc7
```
#a58fc7 rgb(165,143,199)
```
#b09ccd
```
#b09ccd rgb(176,156,205)
```
#baa9d4
```
#baa9d4 rgb(186,169,212)
```
#c5b6da
```
#c5b6da rgb(197,182,218)
```
#cfc3e1
```
#cfc3e1 rgb(207,195,225)
```
#dad0e8
```
#dad0e8 rgb(218,208,232)
```
#e4deee
```
#e4deee rgb(228,222,238)
```
#efebf5
```
#efebf5 rgb(239,235,245)
```
#f9f8fb
```
#f9f8fb rgb(249,248,251)
```

Tint Color Variation

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

#5c5a5f
```
#5c5a5f rgb(92,90,95)
```
#5b5366
```
#5b5366 rgb(91,83,102)
```
#594c6d
```
#594c6d rgb(89,76,109)
```
#584574
```
#584574 rgb(88,69,116)
```
#563e7b
```
#563e7b rgb(86,62,123)
```
#543782
```
#543782 rgb(84,55,130)
```
#533089
```
#533089 rgb(83,48,137)
```
#512990
```
#512990 rgb(81,41,144)
```
#502297
```
#502297 rgb(80,34,151)
```
#4e1a9f
```
#4e1a9f rgb(78,26,159)
```
#4d13a6
```
#4d13a6 rgb(77,19,166)
```
#4b0cad
```
#4b0cad rgb(75,12,173)
```
#4a05b4
```
#4a05b4 rgb(74,5,180)
```

Tone Color Variation

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

#385189 Protanopia 1% of men
#3a537d Deuteranopia 1% of men
#555258 Tritanopia 0.001% of the population

Trichromacy

#424a84 Protanomaly 1% of men, 0.01% of women
#444b7c Deuteranomaly 6% of men, 0.4% of women
#554a64 Tritanomaly 0.01% of the population

#563e7b hex color

#563e7b Color Information

#563e7b Color Conversion

Color Schemes with #563e7b

Alternatives to #563e7b

#563e7b Preview

Shades and Tints of #563e7b

Tones of #563e7b

Color Blindness Simulator