#563b5e hex color

In a RGB color space, hex #563b5e is composed of 33.7% red, 23.1% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 8.5% cyan, 37.2% magenta, 0% yellow and 63.1% black. It has a hue angle of 286.3 degrees, a saturation of 22.9% and a lightness of 30%. #563b5e color hex could be obtained by blending #ac76bc with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 34
- G 23
- B 37
RGB color chart
- C 9
- M 37
- Y 0
- K 63
CMYK color chart

● #563b5e color description : Very dark desaturated magenta.

The hexadecimal color #563b5e has RGB values of R:86, G:59, B:94 and CMYK values of C:0.09, M:0.37, Y:0, K:0.63. Its decimal value is 5651294.

Hex triplet	563b5e	`#563b5e`
RGB Decimal	86, 59, 94	`rgb(86,59,94)`
RGB Percent	33.7, 23.1, 36.9	`rgb(33.7%,23.1%,36.9%)`
CMYK	9, 37, 0, 63
HSL	286.3°, 22.9, 30	`hsl(286.3,22.9%,30%)`
HSV (or HSB)	286.3°, 37.2, 36.9
Web Safe	663366	`#663366`

CIE-LAB	29.196, 18.9, -16.173
XYZ	7.422, 5.915, 11.34
xyY	0.301, 0.24, 5.915
CIE-LCH	29.196, 24.875, 319.446
CIE-LUV	29.196, 11.478, -22.532
Hunter-Lab	24.32, 11.913, -10.621
Binary	01010110, 00111011, 01011110

#563b5e
```
#563b5e rgb(86,59,94)
```
#435e3b
```
#435e3b rgb(67,94,59)
```

Complementary Color

#453b5e
```
#453b5e rgb(69,59,94)
```
#563b5e
```
#563b5e rgb(86,59,94)
```
#5e3b55
```
#5e3b55 rgb(94,59,85)
```

Analogous Color

#3b5e45
```
#3b5e45 rgb(59,94,69)
```
#563b5e
```
#563b5e rgb(86,59,94)
```
#555e3b
```
#555e3b rgb(85,94,59)
```

Split Complementary Color

#3b5e56
```
#3b5e56 rgb(59,94,86)
```
#563b5e
```
#563b5e rgb(86,59,94)
```
#5e563b
```
#5e563b rgb(94,86,59)
```

Triadic Color

#3b435e
```
#3b435e rgb(59,67,94)
```
#563b5e
```
#563b5e rgb(86,59,94)
```
#5e563b
```
#5e563b rgb(94,86,59)
```
#435e3b
```
#435e3b rgb(67,94,59)
```

Tetradic Color

#2b1e2f
```
#2b1e2f rgb(43,30,47)
```
#39273f
```
#39273f rgb(57,39,63)
```
#48314e
```
#48314e rgb(72,49,78)
```
#563b5e
```
#563b5e rgb(86,59,94)
```
#64456e
```
#64456e rgb(100,69,110)
```
#734f7d
```
#734f7d rgb(115,79,125)
```
#81598d
```
#81598d rgb(129,89,141)
```

Monochromatic Color

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

#4d3b5e
```
#4d3b5e rgb(77,59,94)
```
#503b5e
```
#503b5e rgb(80,59,94)
```
#533b5e
```
#533b5e rgb(83,59,94)
```
#563b5e
```
#563b5e rgb(86,59,94)
```
#593b5e
```
#593b5e rgb(89,59,94)
```
#5c3b5e
```
#5c3b5e rgb(92,59,94)
```
#5e3b5d
```
#5e3b5d rgb(94,59,93)
```

Similar Colors

Text with hexadecimal color #563b5e

This text has a font color of #563b5e.

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

#563b5e background color

This paragraph has a background color of #563b5e.

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

#563b5e border color

This element has a border color of #563b5e.

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

CSS codes

.text {color:#563b5e;}

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

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

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

#09060a
```
#09060a rgb(9,6,10)
```
#140e16
```
#140e16 rgb(20,14,22)
```
#1f1522
```
#1f1522 rgb(31,21,34)
```
#2a1d2e
```
#2a1d2e rgb(42,29,46)
```
#35243a
```
#35243a rgb(53,36,58)
```
#402c46
```
#402c46 rgb(64,44,70)
```
#4b3352
```
#4b3352 rgb(75,51,82)
```
#563b5e
```
#563b5e rgb(86,59,94)
```
#61436a
```
#61436a rgb(97,67,106)
```
#6c4a76
```
#6c4a76 rgb(108,74,118)
```
#775282
```
#775282 rgb(119,82,130)
```
#82598e
```
#82598e rgb(130,89,142)
```
#8d619a
```
#8d619a rgb(141,97,154)
```

Shade Color Variation

#966ca3
```
#966ca3 rgb(150,108,163)
```
#9f78aa
```
#9f78aa rgb(159,120,170)
```
#a784b2
```
#a784b2 rgb(167,132,178)
```
#b090b9
```
#b090b9 rgb(176,144,185)
```
#b99cc1
```
#b99cc1 rgb(185,156,193)
```
#c1a8c9
```
#c1a8c9 rgb(193,168,201)
```
#cab4d0
```
#cab4d0 rgb(202,180,208)
```
#d2c0d8
```
#d2c0d8 rgb(210,192,216)
```
#dbccdf
```
#dbccdf rgb(219,204,223)
```
#e4d8e7
```
#e4d8e7 rgb(228,216,231)
```
#ece4ee
```
#ece4ee rgb(236,228,238)
```
#f5f1f6
```
#f5f1f6 rgb(245,241,246)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#504752
```
#504752 rgb(80,71,82)
```
#534158
```
#534158 rgb(83,65,88)
```
#563b5e
```
#563b5e rgb(86,59,94)
```
#593564
```
#593564 rgb(89,53,100)
```
#5c2f6a
```
#5c2f6a rgb(92,47,106)
```
#602970
```
#602970 rgb(96,41,112)
```
#632376
```
#632376 rgb(99,35,118)
```
#661e7b
```
#661e7b rgb(102,30,123)
```
#691881
```
#691881 rgb(105,24,129)
```
#6c1287
```
#6c1287 rgb(108,18,135)
```
#700c8d
```
#700c8d rgb(112,12,141)
```
#730693
```
#730693 rgb(115,6,147)
```
#760099
```
#760099 rgb(118,0,153)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4a454c Atypical Achromatopsia 0.001% of the population

Dichromacy

#444d6b Protanopia 1% of men
#494d63 Deuteranopia 1% of men
#5a4a4f Tritanopia 0.001% of the population

Trichromacy

#4a4666 Protanomaly 1% of men, 0.01% of women
#4e4661 Deuteranomaly 6% of men, 0.4% of women
#594454 Tritanomaly 0.01% of the population

#563b5e hex color

#563b5e Color Information

#563b5e Color Conversion

Color Schemes with #563b5e

Alternatives to #563b5e

#563b5e Preview

Shades and Tints of #563b5e

Tones of #563b5e

Color Blindness Simulator