#561778 hex color

In a RGB color space, hex #561778 is composed of 33.7% red, 9% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 80.8% magenta, 0% yellow and 52.9% black. It has a hue angle of 279 degrees, a saturation of 67.8% and a lightness of 28%. #561778 color hex could be obtained by blending #ac2ef0 with #000000. Closest websafe color is: #660066.

♥
- f
- t
- g
- R 34
- G 9
- B 47
RGB color chart
- C 28
- M 81
- Y 0
- K 53
CMYK color chart

● #561778 color description : Dark violet.

The hexadecimal color #561778 has RGB values of R:86, G:23, B:120 and CMYK values of C:0.28, M:0.81, Y:0, K:0.53. Its decimal value is 5642104.

Hex triplet	561778	`#561778`
RGB Decimal	86, 23, 120	`rgb(86,23,120)`
RGB Percent	33.7, 9, 47.1	`rgb(33.7%,9%,47.1%)`
CMYK	28, 81, 0, 53
HSL	279°, 67.8, 28	`hsl(279,67.8%,28%)`
HSV (or HSB)	279°, 80.8, 47.1
Web Safe	660066	`#660066`

CIE-LAB	23.497, 44.535, -41.938
XYZ	7.534, 3.948, 18.133
xyY	0.254, 0.133, 3.948
CIE-LCH	23.497, 61.173, 316.72
CIE-LUV	23.497, 15.552, -53.479
Hunter-Lab	19.868, 32.916, -40.205
Binary	01010110, 00010111, 01111000

#561778
```
#561778 rgb(86,23,120)
```
#397817
```
#397817 rgb(57,120,23)
```

Complementary Color

#261778
```
#261778 rgb(38,23,120)
```
#561778
```
#561778 rgb(86,23,120)
```
#78176a
```
#78176a rgb(120,23,106)
```

Analogous Color

#177826
```
#177826 rgb(23,120,38)
```
#561778
```
#561778 rgb(86,23,120)
```
#6a7817
```
#6a7817 rgb(106,120,23)
```

Split Complementary Color

#177856
```
#177856 rgb(23,120,86)
```
#561778
```
#561778 rgb(86,23,120)
```
#785617
```
#785617 rgb(120,86,23)
```

Triadic Color

#173978
```
#173978 rgb(23,57,120)
```
#561778
```
#561778 rgb(86,23,120)
```
#785617
```
#785617 rgb(120,86,23)
```
#397817
```
#397817 rgb(57,120,23)
```

Tetradic Color

#280b38
```
#280b38 rgb(40,11,56)
```
#370f4d
```
#370f4d rgb(55,15,77)
```
#471363
```
#471363 rgb(71,19,99)
```
#561778
```
#561778 rgb(86,23,120)
```
#651b8d
```
#651b8d rgb(101,27,141)
```
#751fa3
```
#751fa3 rgb(117,31,163)
```
#8423b8
```
#8423b8 rgb(132,35,184)
```

Monochromatic Color

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

#3e1778
```
#3e1778 rgb(62,23,120)
```
#461778
```
#461778 rgb(70,23,120)
```
#4e1778
```
#4e1778 rgb(78,23,120)
```
#561778
```
#561778 rgb(86,23,120)
```
#5e1778
```
#5e1778 rgb(94,23,120)
```
#661778
```
#661778 rgb(102,23,120)
```
#6e1778
```
#6e1778 rgb(110,23,120)
```

Similar Colors

Text with hexadecimal color #561778

This text has a font color of #561778.

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

#561778 background color

This paragraph has a background color of #561778.

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

#561778 border color

This element has a border color of #561778.

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

CSS codes

.text {color:#561778;}

.background {background-color:#561778;}

.border {border:1px solid #561778;}

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

#030105
```
#030105 rgb(3,1,5)
```
#0f0415
```
#0f0415 rgb(15,4,21)
```
#1b0726
```
#1b0726 rgb(27,7,38)
```
#270a36
```
#270a36 rgb(39,10,54)
```
#330e47
```
#330e47 rgb(51,14,71)
```
#3e1157
```
#3e1157 rgb(62,17,87)
```
#4a1468
```
#4a1468 rgb(74,20,104)
```
#561778
```
#561778 rgb(86,23,120)
```
#621a88
```
#621a88 rgb(98,26,136)
```
#6e1d99
```
#6e1d99 rgb(110,29,153)
```
#7920a9
```
#7920a9 rgb(121,32,169)
```
#8524ba
```
#8524ba rgb(133,36,186)
```
#9127ca
```
#9127ca rgb(145,39,202)
```

Shade Color Variation

#9c2ed7
```
#9c2ed7 rgb(156,46,215)
```
#a33eda
```
#a33eda rgb(163,62,218)
```
#ab4fdd
```
#ab4fdd rgb(171,79,221)
```
#b35fe0
```
#b35fe0 rgb(179,95,224)
```
#bb70e4
```
#bb70e4 rgb(187,112,228)
```
#c380e7
```
#c380e7 rgb(195,128,231)
```
#cb91ea
```
#cb91ea rgb(203,145,234)
```
#d2a1ed
```
#d2a1ed rgb(210,161,237)
```
#dab1f0
```
#dab1f0 rgb(218,177,240)
```
#e2c2f3
```
#e2c2f3 rgb(226,194,243)
```
#ead2f6
```
#ead2f6 rgb(234,210,246)
```
#f2e3fa
```
#f2e3fa rgb(242,227,250)
```
#f9f3fd
```
#f9f3fd rgb(249,243,253)
```

Tint Color Variation

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

#49434c
```
#49434c rgb(73,67,76)
```
#4a3e52
```
#4a3e52 rgb(74,62,82)
```
#4c3857
```
#4c3857 rgb(76,56,87)
```
#4e335d
```
#4e335d rgb(78,51,93)
```
#4f2d62
```
#4f2d62 rgb(79,45,98)
```
#512868
```
#512868 rgb(81,40,104)
```
#53226d
```
#53226d rgb(83,34,109)
```
#541d73
```
#541d73 rgb(84,29,115)
```
#561778
```
#561778 rgb(86,23,120)
```
#58127e
```
#58127e rgb(88,18,126)
```
#590c83
```
#590c83 rgb(89,12,131)
```
#5b0789
```
#5b0789 rgb(91,7,137)
```
#5d018e
```
#5d018e rgb(93,1,142)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#3c2f42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407d Protanopia 1% of men
#00436f Deuteranopia 1% of men
#523c40 Tritanopia 0.001% of the population

Trichromacy

#1f317b Protanomaly 1% of men, 0.01% of women
#1f3372 Deuteranomaly 6% of men, 0.4% of women
#532e54 Tritanomaly 0.01% of the population

#561778 hex color

#561778 Color Information

#561778 Color Conversion

Color Schemes with #561778

Alternatives to #561778

#561778 Preview

Shades and Tints of #561778

Tones of #561778

Color Blindness Simulator