#561add hex color

In a RGB color space, hex #561add is composed of 33.7% red, 10.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 88.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 258.5 degrees, a saturation of 78.9% and a lightness of 48.4%. #561add color hex could be obtained by blending #ac34ff with #0000bb. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 10
- B 87
RGB color chart
- C 61
- M 88
- Y 0
- K 13
CMYK color chart

● #561add color description : Vivid violet.

The hexadecimal color #561add has RGB values of R:86, G:26, B:221 and CMYK values of C:0.61, M:0.88, Y:0, K:0.13. Its decimal value is 5642973.

Hex triplet	561add	`#561add`
RGB Decimal	86, 26, 221	`rgb(86,26,221)`
RGB Percent	33.7, 10.2, 86.7	`rgb(33.7%,10.2%,86.7%)`
CMYK	61, 88, 0, 13
HSL	258.5°, 78.9, 48.4	`hsl(258.5,78.9%,48.4%)`
HSV (or HSB)	258.5°, 88.2, 86.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.852, 68.242, -85.858
XYZ	17.256, 7.937, 69.025
xyY	0.183, 0.084, 7.937
CIE-LCH	33.852, 109.675, 308.478
CIE-LUV	33.852, 1.394, -114.555
Hunter-Lab	28.173, 60.029, -125.543
Binary	01010110, 00011010, 11011101

#561add
```
#561add rgb(86,26,221)
```
#a1dd1a
```
#a1dd1a rgb(161,221,26)
```

Complementary Color

#1a40dd
```
#1a40dd rgb(26,64,221)
```
#561add
```
#561add rgb(86,26,221)
```
#b81add
```
#b81add rgb(184,26,221)
```

Analogous Color

#40dd1a
```
#40dd1a rgb(64,221,26)
```
#561add
```
#561add rgb(86,26,221)
```
#ddb81a
```
#ddb81a rgb(221,184,26)
```

Split Complementary Color

#1add56
```
#1add56 rgb(26,221,86)
```
#561add
```
#561add rgb(86,26,221)
```
#dd561a
```
#dd561a rgb(221,86,26)
```

Triadic Color

#1aa1dd
```
#1aa1dd rgb(26,161,221)
```
#561add
```
#561add rgb(86,26,221)
```
#dd561a
```
#dd561a rgb(221,86,26)
```
#a1dd1a
```
#a1dd1a rgb(161,221,26)
```

Tetradic Color

#3b1299
```
#3b1299 rgb(59,18,153)
```
#4415af
```
#4415af rgb(68,21,175)
```
#4d17c6
```
#4d17c6 rgb(77,23,198)
```
#561add
```
#561add rgb(86,26,221)
```
#642be6
```
#642be6 rgb(100,43,230)
```
#7541e9
```
#7541e9 rgb(117,65,233)
```
#8558eb
```
#8558eb rgb(133,88,235)
```

Monochromatic Color

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

#251add
```
#251add rgb(37,26,221)
```
#351add
```
#351add rgb(53,26,221)
```
#461add
```
#461add rgb(70,26,221)
```
#561add
```
#561add rgb(86,26,221)
```
#661add
```
#661add rgb(102,26,221)
```
#771add
```
#771add rgb(119,26,221)
```
#871add
```
#871add rgb(135,26,221)
```

Similar Colors

Text with hexadecimal color #561add

This text has a font color of #561add.

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

#561add background color

This paragraph has a background color of #561add.

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

#561add border color

This element has a border color of #561add.

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

CSS codes

.text {color:#561add;}

.background {background-color:#561add;}

.border {border:1px solid #561add;}

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, #04010a is the darkest color, while #faf8fe is the lightest one.

#04010a
```
#04010a rgb(4,1,10)
```
#0b031c
```
#0b031c rgb(11,3,28)
```
#12052d
```
#12052d rgb(18,5,45)
```
#19073f
```
#19073f rgb(25,7,63)
```
#1f0951
```
#1f0951 rgb(31,9,81)
```
#260c62
```
#260c62 rgb(38,12,98)
```
#2d0e74
```
#2d0e74 rgb(45,14,116)
```
#341085
```
#341085 rgb(52,16,133)
```
#3b1297
```
#3b1297 rgb(59,18,151)
```
#4214a8
```
#4214a8 rgb(66,20,168)
```
#4816ba
```
#4816ba rgb(72,22,186)
```
#4f18cb
```
#4f18cb rgb(79,24,203)
```
#561add
```
#561add rgb(86,26,221)
```

Shade Color Variation

#6025e5
```
#6025e5 rgb(96,37,229)
```
#6d37e7
```
#6d37e7 rgb(109,55,231)
```
#7a48ea
```
#7a48ea rgb(122,72,234)
```
#875aec
```
#875aec rgb(135,90,236)
```
#936bee
```
#936bee rgb(147,107,238)
```
#a07df0
```
#a07df0 rgb(160,125,240)
```
#ad8ff2
```
#ad8ff2 rgb(173,143,242)
```
#baa0f4
```
#baa0f4 rgb(186,160,244)
```
#c7b2f6
```
#c7b2f6 rgb(199,178,246)
```
#d3c3f8
```
#d3c3f8 rgb(211,195,248)
```
#e0d5fa
```
#e0d5fa rgb(224,213,250)
```
#ede6fc
```
#ede6fc rgb(237,230,252)
```
#faf8fe
```
#faf8fe rgb(250,248,254)
```

Tint Color Variation

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

#7b797e
```
#7b797e rgb(123,121,126)
```
#777088
```
#777088 rgb(119,112,136)
```
#736691
```
#736691 rgb(115,102,145)
```
#705d9b
```
#705d9b rgb(112,93,155)
```
#6c53a4
```
#6c53a4 rgb(108,83,164)
```
#684aae
```
#684aae rgb(104,74,174)
```
#6540b7
```
#6540b7 rgb(101,64,183)
```
#6137c1
```
#6137c1 rgb(97,55,193)
```
#5d2dca
```
#5d2dca rgb(93,45,202)
```
#5a24d4
```
#5a24d4 rgb(90,36,212)
```
#561add
```
#561add rgb(86,26,221)
```
#5211e7
```
#5211e7 rgb(82,17,231)
```
#4f07f0
```
#4f07f0 rgb(79,7,240)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#463a61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006167 Tritanopia 0.001% of the population

Trichromacy

#1f40ba Protanomaly 1% of men, 0.01% of women
#1f43ac Deuteranomaly 6% of men, 0.4% of women
#1f4792 Tritanomaly 0.01% of the population

#561add hex color

#561add Color Information

#561add Color Conversion

Color Schemes with #561add

Alternatives to #561add

#561add Preview

Shades and Tints of #561add

Tones of #561add

Color Blindness Simulator