#563b74 hex color

In a RGB color space, hex #563b74 is composed of 33.7% red, 23.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 49.1% magenta, 0% yellow and 54.5% black. It has a hue angle of 268.4 degrees, a saturation of 32.6% and a lightness of 34.3%. #563b74 color hex could be obtained by blending #ac76e8 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 34
- G 23
- B 45
RGB color chart
- C 26
- M 49
- Y 0
- K 55
CMYK color chart

● #563b74 color description : Dark moderate violet.

The hexadecimal color #563b74 has RGB values of R:86, G:59, B:116 and CMYK values of C:0.26, M:0.49, Y:0, K:0.55. Its decimal value is 5651316.

Hex triplet	563b74	`#563b74`
RGB Decimal	86, 59, 116	`rgb(86,59,116)`
RGB Percent	33.7, 23.1, 45.5	`rgb(33.7%,23.1%,45.5%)`
CMYK	26, 49, 0, 55
HSL	268.4°, 32.6, 34.3	`hsl(268.4,32.6%,34.3%)`
HSV (or HSB)	268.4°, 49.1, 45.5
Web Safe	663366	`#663366`

CIE-LAB	30.321, 24.405, -28.461
XYZ	8.554, 6.367, 17.3
xyY	0.265, 0.198, 6.367
CIE-LCH	30.321, 37.492, 310.612
CIE-LUV	30.321, 8.487, -39.775
Hunter-Lab	25.234, 16.348, -22.986
Binary	01010110, 00111011, 01110100

#563b74
```
#563b74 rgb(86,59,116)
```
#59743b
```
#59743b rgb(89,116,59)
```

Complementary Color

#3b3d74
```
#3b3d74 rgb(59,61,116)
```
#563b74
```
#563b74 rgb(86,59,116)
```
#733b74
```
#733b74 rgb(115,59,116)
```

Analogous Color

#3d743b
```
#3d743b rgb(61,116,59)
```
#563b74
```
#563b74 rgb(86,59,116)
```
#74733b
```
#74733b rgb(116,115,59)
```

Split Complementary Color

#3b7456
```
#3b7456 rgb(59,116,86)
```
#563b74
```
#563b74 rgb(86,59,116)
```
#74563b
```
#74563b rgb(116,86,59)
```

Triadic Color

#3b5974
```
#3b5974 rgb(59,89,116)
```
#563b74
```
#563b74 rgb(86,59,116)
```
#74563b
```
#74563b rgb(116,86,59)
```
#59743b
```
#59743b rgb(89,116,59)
```

Tetradic Color

#302141
```
#302141 rgb(48,33,65)
```
#3d2a52
```
#3d2a52 rgb(61,42,82)
```
#493263
```
#493263 rgb(73,50,99)
```
#563b74
```
#563b74 rgb(86,59,116)
```
#634485
```
#634485 rgb(99,68,133)
```
#6f4c96
```
#6f4c96 rgb(111,76,150)
```
#7c55a7
```
#7c55a7 rgb(124,85,167)
```

Monochromatic Color

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

#483b74
```
#483b74 rgb(72,59,116)
```
#4d3b74
```
#4d3b74 rgb(77,59,116)
```
#513b74
```
#513b74 rgb(81,59,116)
```
#563b74
```
#563b74 rgb(86,59,116)
```
#5b3b74
```
#5b3b74 rgb(91,59,116)
```
#603b74
```
#603b74 rgb(96,59,116)
```
#643b74
```
#643b74 rgb(100,59,116)
```

Similar Colors

Text with hexadecimal color #563b74

This text has a font color of #563b74.

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

#563b74 background color

This paragraph has a background color of #563b74.

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

#563b74 border color

This element has a border color of #563b74.

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

CSS codes

.text {color:#563b74;}

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

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

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

#09060c
```
#09060c rgb(9,6,12)
```
#130d19
```
#130d19 rgb(19,13,25)
```
#1c1326
```
#1c1326 rgb(28,19,38)
```
#261a33
```
#261a33 rgb(38,26,51)
```
#2f2140
```
#2f2140 rgb(47,33,64)
```
#39274d
```
#39274d rgb(57,39,77)
```
#432e5a
```
#432e5a rgb(67,46,90)
```
#4c3467
```
#4c3467 rgb(76,52,103)
```
#563b74
```
#563b74 rgb(86,59,116)
```
#604281
```
#604281 rgb(96,66,129)
```
#69488e
```
#69488e rgb(105,72,142)
```
#734f9b
```
#734f9b rgb(115,79,155)
```
#7d55a8
```
#7d55a8 rgb(125,85,168)
```

Shade Color Variation

#8762af
```
#8762af rgb(135,98,175)
```
#906fb6
```
#906fb6 rgb(144,111,182)
```
#9a7cbc
```
#9a7cbc rgb(154,124,188)
```
#a489c3
```
#a489c3 rgb(164,137,195)
```
#ae96ca
```
#ae96ca rgb(174,150,202)
```
#b8a3d0
```
#b8a3d0 rgb(184,163,208)
```
#c2b0d7
```
#c2b0d7 rgb(194,176,215)
```
#ccbddd
```
#ccbddd rgb(204,189,221)
```
#d6cae4
```
#d6cae4 rgb(214,202,228)
```
#e0d7eb
```
#e0d7eb rgb(224,215,235)
```
#eae4f1
```
#eae4f1 rgb(234,228,241)
```
#f4f1f8
```
#f4f1f8 rgb(244,241,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#575659
```
#575659 rgb(87,86,89)
```
#574f60
```
#574f60 rgb(87,79,96)
```
#574867
```
#574867 rgb(87,72,103)
```
#56426d
```
#56426d rgb(86,66,109)
```
#563b74
```
#563b74 rgb(86,59,116)
```
#56347b
```
#56347b rgb(86,52,123)
```
#552e81
```
#552e81 rgb(85,46,129)
```
#552788
```
#552788 rgb(85,39,136)
```
#55208f
```
#55208f rgb(85,32,143)
```
#541996
```
#541996 rgb(84,25,150)
```
#54139c
```
#54139c rgb(84,19,156)
```
#540ca3
```
#540ca3 rgb(84,12,163)
```
#5305aa
```
#5305aa rgb(83,5,170)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4c4752 Atypical Achromatopsia 0.001% of the population

Dichromacy

#384f83 Protanopia 1% of men
#3c5077 Deuteranopia 1% of men
#564e54 Tritanopia 0.001% of the population

Trichromacy

#43477d Protanomaly 1% of men, 0.01% of women
#454876 Deuteranomaly 6% of men, 0.4% of women
#56475f Tritanomaly 0.01% of the population

#563b74 hex color

#563b74 Color Information

#563b74 Color Conversion

Color Schemes with #563b74

Alternatives to #563b74

#563b74 Preview

Shades and Tints of #563b74

Tones of #563b74

Color Blindness Simulator