#563f58 hex color

In a RGB color space, hex #563f58 is composed of 33.7% red, 24.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 2.3% cyan, 28.4% magenta, 0% yellow and 65.5% black. It has a hue angle of 295.2 degrees, a saturation of 16.6% and a lightness of 29.6%. #563f58 color hex could be obtained by blending #ac7eb0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 34
- G 25
- B 35
RGB color chart
- C 2
- M 28
- Y 0
- K 65
CMYK color chart

● #563f58 color description : Very dark grayish magenta.

The hexadecimal color #563f58 has RGB values of R:86, G:63, B:88 and CMYK values of C:0.02, M:0.28, Y:0, K:0.65. Its decimal value is 5652312.

Hex triplet	563f58	`#563f58`
RGB Decimal	86, 63, 88	`rgb(86,63,88)`
RGB Percent	33.7, 24.7, 34.5	`rgb(33.7%,24.7%,34.5%)`
CMYK	2, 28, 0, 65
HSL	295.2°, 16.6, 29.6	`hsl(295.2,16.6%,29.6%)`
HSV (or HSB)	295.2°, 28.4, 34.5
Web Safe	663366	`#663366`

CIE-LAB	30.006, 14.975, -11.058
XYZ	7.376, 6.238, 10.048
xyY	0.312, 0.264, 6.238
CIE-LCH	30.006, 18.615, 323.557
CIE-LUV	30.006, 10.625, -15.626
Hunter-Lab	24.976, 9.009, -6.368
Binary	01010110, 00111111, 01011000

#563f58
```
#563f58 rgb(86,63,88)
```
#41583f
```
#41583f rgb(65,88,63)
```

Complementary Color

#4a3f58
```
#4a3f58 rgb(74,63,88)
```
#563f58
```
#563f58 rgb(86,63,88)
```
#583f4e
```
#583f4e rgb(88,63,78)
```

Analogous Color

#3f584a
```
#3f584a rgb(63,88,74)
```
#563f58
```
#563f58 rgb(86,63,88)
```
#4e583f
```
#4e583f rgb(78,88,63)
```

Split Complementary Color

#3f5856
```
#3f5856 rgb(63,88,86)
```
#563f58
```
#563f58 rgb(86,63,88)
```
#58563f
```
#58563f rgb(88,86,63)
```

Triadic Color

#3f4158
```
#3f4158 rgb(63,65,88)
```
#563f58
```
#563f58 rgb(86,63,88)
```
#58563f
```
#58563f rgb(88,86,63)
```
#41583f
```
#41583f rgb(65,88,63)
```

Tetradic Color

#2a1f2b
```
#2a1f2b rgb(42,31,43)
```
#392a3a
```
#392a3a rgb(57,42,58)
```
#473449
```
#473449 rgb(71,52,73)
```
#563f58
```
#563f58 rgb(86,63,88)
```
#654a67
```
#654a67 rgb(101,74,103)
```
#735476
```
#735476 rgb(115,84,118)
```
#825f85
```
#825f85 rgb(130,95,133)
```

Monochromatic Color

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

#503f58
```
#503f58 rgb(80,63,88)
```
#523f58
```
#523f58 rgb(82,63,88)
```
#543f58
```
#543f58 rgb(84,63,88)
```
#563f58
```
#563f58 rgb(86,63,88)
```
#583f58
```
#583f58 rgb(88,63,88)
```
#583f56
```
#583f56 rgb(88,63,86)
```
#583f54
```
#583f54 rgb(88,63,84)
```

Similar Colors

Text with hexadecimal color #563f58

This text has a font color of #563f58.

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

#563f58 background color

This paragraph has a background color of #563f58.

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

#563f58 border color

This element has a border color of #563f58.

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

CSS codes

.text {color:#563f58;}

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

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

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

#080608
```
#080608 rgb(8,6,8)
```
#130e13
```
#130e13 rgb(19,14,19)
```
#1e161f
```
#1e161f rgb(30,22,31)
```
#291e2a
```
#291e2a rgb(41,30,42)
```
#342636
```
#342636 rgb(52,38,54)
```
#402f41
```
#402f41 rgb(64,47,65)
```
#4b374d
```
#4b374d rgb(75,55,77)
```
#563f58
```
#563f58 rgb(86,63,88)
```
#614763
```
#614763 rgb(97,71,99)
```
#6c4f6f
```
#6c4f6f rgb(108,79,111)
```
#78587a
```
#78587a rgb(120,88,122)
```
#836086
```
#836086 rgb(131,96,134)
```
#8e6891
```
#8e6891 rgb(142,104,145)
```

Shade Color Variation

#97729a
```
#97729a rgb(151,114,154)
```
#a07ea3
```
#a07ea3 rgb(160,126,163)
```
#a889ab
```
#a889ab rgb(168,137,171)
```
#b095b3
```
#b095b3 rgb(176,149,179)
```
#b9a0bb
```
#b9a0bb rgb(185,160,187)
```
#c1acc3
```
#c1acc3 rgb(193,172,195)
```
#cab7cb
```
#cab7cb rgb(202,183,203)
```
#d2c2d4
```
#d2c2d4 rgb(210,194,212)
```
#dbcedc
```
#dbcedc rgb(219,206,220)
```
#e3d9e4
```
#e3d9e4 rgb(227,217,228)
```
#ece5ec
```
#ece5ec rgb(236,229,236)
```
#f4f0f4
```
#f4f0f4 rgb(244,240,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#4c4b4c
```
#4c4b4c rgb(76,75,76)
```
#514552
```
#514552 rgb(81,69,82)
```
#563f58
```
#563f58 rgb(86,63,88)
```
#5b395e
```
#5b395e rgb(91,57,94)
```
#603364
```
#603364 rgb(96,51,100)
```
#652e69
```
#652e69 rgb(101,46,105)
```
#6a286f
```
#6a286f rgb(106,40,111)
```
#6e2275
```
#6e2275 rgb(110,34,117)
```
#731c7b
```
#731c7b rgb(115,28,123)
```
#781681
```
#781681 rgb(120,22,129)
```
#7d1186
```
#7d1186 rgb(125,17,134)
```
#820b8c
```
#820b8c rgb(130,11,140)
```
#870592
```
#870592 rgb(135,5,146)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4c474c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4f64 Protanopia 1% of men
#504e5e Deuteranopia 1% of men
#5c4c51 Tritanopia 0.001% of the population

Trichromacy

#4e4960 Protanomaly 1% of men, 0.01% of women
#52485c Deuteranomaly 6% of men, 0.4% of women
#5a4753 Tritanomaly 0.01% of the population

#563f58 hex color

#563f58 Color Information

#563f58 Color Conversion

Color Schemes with #563f58

Alternatives to #563f58

#563f58 Preview

Shades and Tints of #563f58

Tones of #563f58

Color Blindness Simulator