#561396 hex color

In a RGB color space, hex #561396 is composed of 33.7% red, 7.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 42.7% cyan, 87.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 270.7 degrees, a saturation of 77.5% and a lightness of 33.1%. #561396 color hex could be obtained by blending #ac26ff with #00002d. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 34
- G 7
- B 59
RGB color chart
- C 43
- M 87
- Y 0
- K 41
CMYK color chart

● #561396 color description : Dark violet.

The hexadecimal color #561396 has RGB values of R:86, G:19, B:150 and CMYK values of C:0.43, M:0.87, Y:0, K:0.41. Its decimal value is 5641110.

Hex triplet	561396	`#561396`
RGB Decimal	86, 19, 150	`rgb(86,19,150)`
RGB Percent	33.7, 7.5, 58.8	`rgb(33.7%,7.5%,58.8%)`
CMYK	43, 87, 0, 41
HSL	270.7°, 77.5, 33.1	`hsl(270.7,77.5%,33.1%)`
HSV (or HSB)	270.7°, 87.3, 58.8
Web Safe	660099	`#660099`

CIE-LAB	25.702, 52.898, -57.14
XYZ	9.575, 4.646, 29.245
xyY	0.22, 0.107, 4.646
CIE-LCH	25.702, 77.866, 312.792
CIE-LUV	25.702, 10.522, -72.821
Hunter-Lab	21.555, 41.568, -65.353
Binary	01010110, 00010011, 10010110

#561396
```
#561396 rgb(86,19,150)
```
#539613
```
#539613 rgb(83,150,19)
```

Complementary Color

#141396
```
#141396 rgb(20,19,150)
```
#561396
```
#561396 rgb(86,19,150)
```
#961395
```
#961395 rgb(150,19,149)
```

Analogous Color

#139614
```
#139614 rgb(19,150,20)
```
#561396
```
#561396 rgb(86,19,150)
```
#959613
```
#959613 rgb(149,150,19)
```

Split Complementary Color

#139656
```
#139656 rgb(19,150,86)
```
#561396
```
#561396 rgb(86,19,150)
```
#965613
```
#965613 rgb(150,86,19)
```

Triadic Color

#135396
```
#135396 rgb(19,83,150)
```
#561396
```
#561396 rgb(86,19,150)
```
#965613
```
#965613 rgb(150,86,19)
```
#539613
```
#539613 rgb(83,150,19)
```

Tetradic Color

#2f0a52
```
#2f0a52 rgb(47,10,82)
```
#3c0d69
```
#3c0d69 rgb(60,13,105)
```
#49107f
```
#49107f rgb(73,16,127)
```
#561396
```
#561396 rgb(86,19,150)
```
#6316ad
```
#6316ad rgb(99,22,173)
```
#7019c3
```
#7019c3 rgb(112,25,195)
```
#7d1cda
```
#7d1cda rgb(125,28,218)
```

Monochromatic Color

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

#351396
```
#351396 rgb(53,19,150)
```
#401396
```
#401396 rgb(64,19,150)
```
#4b1396
```
#4b1396 rgb(75,19,150)
```
#561396
```
#561396 rgb(86,19,150)
```
#611396
```
#611396 rgb(97,19,150)
```
#6c1396
```
#6c1396 rgb(108,19,150)
```
#771396
```
#771396 rgb(119,19,150)
```

Similar Colors

Text with hexadecimal color #561396

This text has a font color of #561396.

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

#561396 background color

This paragraph has a background color of #561396.

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

#561396 border color

This element has a border color of #561396.

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

CSS codes

.text {color:#561396;}

.background {background-color:#561396;}

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

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, #06010b is the darkest color, while #fbf8fe is the lightest one.

#06010b
```
#06010b rgb(6,1,11)
```
#10041c
```
#10041c rgb(16,4,28)
```
#1a062e
```
#1a062e rgb(26,6,46)
```
#24083f
```
#24083f rgb(36,8,63)
```
#2e0a50
```
#2e0a50 rgb(46,10,80)
```
#380c62
```
#380c62 rgb(56,12,98)
```
#420f73
```
#420f73 rgb(66,15,115)
```
#4c1185
```
#4c1185 rgb(76,17,133)
```
#561396
```
#561396 rgb(86,19,150)
```
#6015a7
```
#6015a7 rgb(96,21,167)
```
#6a17b9
```
#6a17b9 rgb(106,23,185)
```
#741aca
```
#741aca rgb(116,26,202)
```
#7e1cdc
```
#7e1cdc rgb(126,28,220)
```

Shade Color Variation

#8827e4
```
#8827e4 rgb(136,39,228)
```
#9139e6
```
#9139e6 rgb(145,57,230)
```
#9b4ae8
```
#9b4ae8 rgb(155,74,232)
```
#a55cea
```
#a55cea rgb(165,92,234)
```
#ae6ded
```
#ae6ded rgb(174,109,237)
```
#b87eef
```
#b87eef rgb(184,126,239)
```
#c190f1
```
#c190f1 rgb(193,144,241)
```
#cba1f3
```
#cba1f3 rgb(203,161,243)
```
#d5b3f5
```
#d5b3f5 rgb(213,179,245)
```
#dec4f8
```
#dec4f8 rgb(222,196,248)
```
#e8d5fa
```
#e8d5fa rgb(232,213,250)
```
#f2e7fc
```
#f2e7fc rgb(242,231,252)
```
#fbf8fe
```
#fbf8fe rgb(251,248,254)
```

Tint Color Variation

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

#555455
```
#555455 rgb(85,84,85)
```
#554e5c
```
#554e5c rgb(85,78,92)
```
#554762
```
#554762 rgb(85,71,98)
```
#554169
```
#554169 rgb(85,65,105)
```
#553a6f
```
#553a6f rgb(85,58,111)
```
#553476
```
#553476 rgb(85,52,118)
```
#552d7c
```
#552d7c rgb(85,45,124)
```
#562783
```
#562783 rgb(86,39,131)
```
#562089
```
#562089 rgb(86,32,137)
```
#561a90
```
#561a90 rgb(86,26,144)
```
#561396
```
#561396 rgb(86,19,150)
```
#560d9d
```
#560d9d rgb(86,13,157)
```
#5606a3
```
#5606a3 rgb(86,6,163)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#3c2f49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004486 Protanopia 1% of men
#004875 Deuteranopia 1% of men
#48464b Tritanopia 0.001% of the population

Trichromacy

#1f328b Protanomaly 1% of men, 0.01% of women
#1f3581 Deuteranomaly 6% of men, 0.4% of women
#4d3366 Tritanomaly 0.01% of the population

#561396 hex color

#561396 Color Information

#561396 Color Conversion

Color Schemes with #561396

Alternatives to #561396

#561396 Preview

Shades and Tints of #561396

Tones of #561396

Color Blindness Simulator