#561ec5 hex color

In a RGB color space, hex #561ec5 is composed of 33.7% red, 11.8% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 84.8% magenta, 0% yellow and 22.7% black. It has a hue angle of 260.1 degrees, a saturation of 73.6% and a lightness of 44.5%. #561ec5 color hex could be obtained by blending #ac3cff with #00008b. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 12
- B 77
RGB color chart
- C 56
- M 85
- Y 0
- K 23
CMYK color chart

● #561ec5 color description : Strong violet.

The hexadecimal color #561ec5 has RGB values of R:86, G:30, B:197 and CMYK values of C:0.56, M:0.85, Y:0, K:0.23. Its decimal value is 5643973.

Hex triplet	561ec5	`#561ec5`
RGB Decimal	86, 30, 197	`rgb(86,30,197)`
RGB Percent	33.7, 11.8, 77.3	`rgb(33.7%,11.8%,77.3%)`
CMYK	56, 85, 0, 23
HSL	260.1°, 73.6, 44.5	`hsl(260.1,73.6%,44.5%)`
HSV (or HSB)	260.1°, 84.8, 77.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	31.665, 60.963, -75.542
XYZ	14.378, 6.938, 53.402
xyY	0.192, 0.093, 6.938
CIE-LCH	31.665, 97.072, 308.904
CIE-LUV	31.665, 3.523, -100.546
Hunter-Lab	26.34, 51.344, -101.768
Binary	01010110, 00011110, 11000101

#561ec5
```
#561ec5 rgb(86,30,197)
```
#8dc51e
```
#8dc51e rgb(141,197,30)
```

Complementary Color

#1e3ac5
```
#1e3ac5 rgb(30,58,197)
```
#561ec5
```
#561ec5 rgb(86,30,197)
```
#aa1ec5
```
#aa1ec5 rgb(170,30,197)
```

Analogous Color

#3ac51e
```
#3ac51e rgb(58,197,30)
```
#561ec5
```
#561ec5 rgb(86,30,197)
```
#c5aa1e
```
#c5aa1e rgb(197,170,30)
```

Split Complementary Color

#1ec556
```
#1ec556 rgb(30,197,86)
```
#561ec5
```
#561ec5 rgb(86,30,197)
```
#c5561e
```
#c5561e rgb(197,86,30)
```

Triadic Color

#1e8dc5
```
#1e8dc5 rgb(30,141,197)
```
#561ec5
```
#561ec5 rgb(86,30,197)
```
#c5561e
```
#c5561e rgb(197,86,30)
```
#8dc51e
```
#8dc51e rgb(141,197,30)
```

Tetradic Color

#391483
```
#391483 rgb(57,20,131)
```
#431799
```
#431799 rgb(67,23,153)
```
#4c1baf
```
#4c1baf rgb(76,27,175)
```
#561ec5
```
#561ec5 rgb(86,30,197)
```
#6021db
```
#6021db rgb(96,33,219)
```
#6f36e0
```
#6f36e0 rgb(111,54,224)
```
#7f4ce4
```
#7f4ce4 rgb(127,76,228)
```

Monochromatic Color

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

#2c1ec5
```
#2c1ec5 rgb(44,30,197)
```
#3a1ec5
```
#3a1ec5 rgb(58,30,197)
```
#481ec5
```
#481ec5 rgb(72,30,197)
```
#561ec5
```
#561ec5 rgb(86,30,197)
```
#641ec5
```
#641ec5 rgb(100,30,197)
```
#721ec5
```
#721ec5 rgb(114,30,197)
```
#801ec5
```
#801ec5 rgb(128,30,197)
```

Similar Colors

Text with hexadecimal color #561ec5

This text has a font color of #561ec5.

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

#561ec5 background color

This paragraph has a background color of #561ec5.

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

#561ec5 border color

This element has a border color of #561ec5.

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

CSS codes

.text {color:#561ec5;}

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

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

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)
```
#0c041b
```
#0c041b rgb(12,4,27)
```
#13072c
```
#13072c rgb(19,7,44)
```
#1b093d
```
#1b093d rgb(27,9,61)
```
#220c4e
```
#220c4e rgb(34,12,78)
```
#290e5f
```
#290e5f rgb(41,14,95)
```
#311170
```
#311170 rgb(49,17,112)
```
#381481
```
#381481 rgb(56,20,129)
```
#401692
```
#401692 rgb(64,22,146)
```
#4719a3
```
#4719a3 rgb(71,25,163)
```
#4f1bb4
```
#4f1bb4 rgb(79,27,180)
```
#561ec5
```
#561ec5 rgb(86,30,197)
```
#5d21d6
```
#5d21d6 rgb(93,33,214)
```

Shade Color Variation

#682bdf
```
#682bdf rgb(104,43,223)
```
#743ce1
```
#743ce1 rgb(116,60,225)
```
#804de4
```
#804de4 rgb(128,77,228)
```
#8c5fe7
```
#8c5fe7 rgb(140,95,231)
```
#9870e9
```
#9870e9 rgb(152,112,233)
```
#a581ec
```
#a581ec rgb(165,129,236)
```
#b192ee
```
#b192ee rgb(177,146,238)
```
#bda3f1
```
#bda3f1 rgb(189,163,241)
```
#c9b4f4
```
#c9b4f4 rgb(201,180,244)
```
#d5c5f6
```
#d5c5f6 rgb(213,197,246)
```
#e1d6f9
```
#e1d6f9 rgb(225,214,249)
```
#eee7fb
```
#eee7fb rgb(238,231,251)
```
#faf8fe
```
#faf8fe rgb(250,248,254)
```

Tint Color Variation

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

#706d76
```
#706d76 rgb(112,109,118)
```
#6d647f
```
#6d647f rgb(109,100,127)
```
#6a5b88
```
#6a5b88 rgb(106,91,136)
```
#675291
```
#675291 rgb(103,82,145)
```
#644a99
```
#644a99 rgb(100,74,153)
```
#6241a2
```
#6241a2 rgb(98,65,162)
```
#5f38ab
```
#5f38ab rgb(95,56,171)
```
#5c2fb4
```
#5c2fb4 rgb(92,47,180)
```
#5927bc
```
#5927bc rgb(89,39,188)
```
#561ec5
```
#561ec5 rgb(86,30,197)
```
#5315ce
```
#5315ce rgb(83,21,206)
```
#500dd6
```
#500dd6 rgb(80,13,214)
```
#4d04df
```
#4d04df rgb(77,4,223)
```

Tone Color Variation

Below, you can see how #561ec5 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
#463b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005689 Deuteranopia 1% of men
#285a61 Tritanopia 0.001% of the population

Trichromacy

#1f3eac Protanomaly 1% of men, 0.01% of women
#1f419f Deuteranomaly 6% of men, 0.4% of women
#394485 Tritanomaly 0.01% of the population

#561ec5 hex color

#561ec5 Color Information

#561ec5 Color Conversion

Color Schemes with #561ec5

Alternatives to #561ec5

#561ec5 Preview

Shades and Tints of #561ec5

Tones of #561ec5

Color Blindness Simulator