#563178 hex color

In a RGB color space, hex #563178 is composed of 33.7% red, 19.2% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 59.2% magenta, 0% yellow and 52.9% black. It has a hue angle of 271.3 degrees, a saturation of 42% and a lightness of 33.1%. #563178 color hex could be obtained by blending #ac62f0 with #000000. Closest websafe color is: #663366.

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

● #563178 color description : Dark moderate violet.

The hexadecimal color #563178 has RGB values of R:86, G:49, B:120 and CMYK values of C:0.28, M:0.59, Y:0, K:0.53. Its decimal value is 5648760.

Hex triplet	563178	`#563178`
RGB Decimal	86, 49, 120	`rgb(86,49,120)`
RGB Percent	33.7, 19.2, 47.1	`rgb(33.7%,19.2%,47.1%)`
CMYK	28, 59, 0, 53
HSL	271.3°, 42, 33.1	`hsl(271.3,42%,33.1%)`
HSV (or HSB)	271.3°, 59.2, 47.1
Web Safe	663366	`#663366`

CIE-LAB	28.198, 31.55, -34.365
XYZ	8.326, 5.531, 18.397
xyY	0.258, 0.171, 5.531
CIE-LCH	28.198, 46.651, 312.555
CIE-LUV	28.198, 10.815, -47.105
Hunter-Lab	23.519, 22.032, -29.916
Binary	01010110, 00110001, 01111000

#563178
```
#563178 rgb(86,49,120)
```
#537831
```
#537831 rgb(83,120,49)
```

Complementary Color

#323178
```
#323178 rgb(50,49,120)
```
#563178
```
#563178 rgb(86,49,120)
```
#783177
```
#783177 rgb(120,49,119)
```

Analogous Color

#317833
```
#317833 rgb(49,120,51)
```
#563178
```
#563178 rgb(86,49,120)
```
#777831
```
#777831 rgb(119,120,49)
```

Split Complementary Color

#317856
```
#317856 rgb(49,120,86)
```
#563178
```
#563178 rgb(86,49,120)
```
#785631
```
#785631 rgb(120,86,49)
```

Triadic Color

#315378
```
#315378 rgb(49,83,120)
```
#563178
```
#563178 rgb(86,49,120)
```
#785631
```
#785631 rgb(120,86,49)
```
#537831
```
#537831 rgb(83,120,49)
```

Tetradic Color

#2f1b42
```
#2f1b42 rgb(47,27,66)
```
#3c2254
```
#3c2254 rgb(60,34,84)
```
#492a66
```
#492a66 rgb(73,42,102)
```
#563178
```
#563178 rgb(86,49,120)
```
#63388a
```
#63388a rgb(99,56,138)
```
#70409c
```
#70409c rgb(112,64,156)
```
#7d47ae
```
#7d47ae rgb(125,71,174)
```

Monochromatic Color

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

#443178
```
#443178 rgb(68,49,120)
```
#4a3178
```
#4a3178 rgb(74,49,120)
```
#503178
```
#503178 rgb(80,49,120)
```
#563178
```
#563178 rgb(86,49,120)
```
#5c3178
```
#5c3178 rgb(92,49,120)
```
#623178
```
#623178 rgb(98,49,120)
```
#683178
```
#683178 rgb(104,49,120)
```

Similar Colors

Text with hexadecimal color #563178

This text has a font color of #563178.

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

#563178 background color

This paragraph has a background color of #563178.

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

#563178 border color

This element has a border color of #563178.

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

CSS codes

.text {color:#563178;}

.background {background-color:#563178;}

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

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

#060409
```
#060409 rgb(6,4,9)
```
#100917
```
#100917 rgb(16,9,23)
```
#1a0f24
```
#1a0f24 rgb(26,15,36)
```
#241532
```
#241532 rgb(36,21,50)
```
#2e1a40
```
#2e1a40 rgb(46,26,64)
```
#38204e
```
#38204e rgb(56,32,78)
```
#42265c
```
#42265c rgb(66,38,92)
```
#4c2b6a
```
#4c2b6a rgb(76,43,106)
```
#563178
```
#563178 rgb(86,49,120)
```
#603786
```
#603786 rgb(96,55,134)
```
#6a3c94
```
#6a3c94 rgb(106,60,148)
```
#7442a2
```
#7442a2 rgb(116,66,162)
```
#7e48b0
```
#7e48b0 rgb(126,72,176)
```

Shade Color Variation

#8853b9
```
#8853b9 rgb(136,83,185)
```
#9160be
```
#9160be rgb(145,96,190)
```
#9b6ec4
```
#9b6ec4 rgb(155,110,196)
```
#a57cca
```
#a57cca rgb(165,124,202)
```
#ae8acf
```
#ae8acf rgb(174,138,207)
```
#b898d5
```
#b898d5 rgb(184,152,213)
```
#c1a6db
```
#c1a6db rgb(193,166,219)
```
#cbb4e0
```
#cbb4e0 rgb(203,180,224)
```
#d5c2e6
```
#d5c2e6 rgb(213,194,230)
```
#ded0ec
```
#ded0ec rgb(222,208,236)
```
#e8def1
```
#e8def1 rgb(232,222,241)
```
#f2ecf7
```
#f2ecf7 rgb(242,236,247)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

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

#555258
```
#555258 rgb(85,82,88)
```
#554b5e
```
#554b5e rgb(85,75,94)
```
#554565
```
#554565 rgb(85,69,101)
```
#553e6b
```
#553e6b rgb(85,62,107)
```
#563872
```
#563872 rgb(86,56,114)
```
#563178
```
#563178 rgb(86,49,120)
```
#562b7f
```
#562b7f rgb(86,43,127)
```
#572485
```
#572485 rgb(87,36,133)
```
#571e8c
```
#571e8c rgb(87,30,140)
```
#571792
```
#571792 rgb(87,23,146)
```
#571199
```
#571199 rgb(87,17,153)
```
#580a9f
```
#580a9f rgb(88,10,159)
```
#5803a6
```
#5803a6 rgb(88,3,166)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#48404e Atypical Achromatopsia 0.001% of the population

Dichromacy

#204a8b Protanopia 1% of men
#2b4c79 Deuteranopia 1% of men
#54494e Tritanopia 0.001% of the population

Trichromacy

#334184 Protanomaly 1% of men, 0.01% of women
#3a4278 Deuteranomaly 6% of men, 0.4% of women
#55405d Tritanomaly 0.01% of the population

#563178 hex color

#563178 Color Information

#563178 Color Conversion

Color Schemes with #563178

Alternatives to #563178

#563178 Preview

Shades and Tints of #563178

Tones of #563178

Color Blindness Simulator