#561aa4 hex color

In a RGB color space, hex #561aa4 is composed of 33.7% red, 10.2% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 47.6% cyan, 84.1% magenta, 0% yellow and 35.7% black. It has a hue angle of 266.1 degrees, a saturation of 72.6% and a lightness of 37.3%. #561aa4 color hex could be obtained by blending #ac34ff with #000049. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 10
- B 64
RGB color chart
- C 48
- M 84
- Y 0
- K 36
CMYK color chart

● #561aa4 color description : Dark violet.

The hexadecimal color #561aa4 has RGB values of R:86, G:26, B:164 and CMYK values of C:0.48, M:0.84, Y:0, K:0.36. Its decimal value is 5642916.

Hex triplet	561aa4	`#561aa4`
RGB Decimal	86, 26, 164	`rgb(86,26,164)`
RGB Percent	33.7, 10.2, 64.3	`rgb(33.7%,10.2%,64.3%)`
CMYK	48, 84, 0, 36
HSL	266.1°, 72.6, 37.3	`hsl(266.1,72.6%,37.3%)`
HSV (or HSB)	266.1°, 84.1, 64.3
Web Safe	663399	`#663399`

CIE-LAB	27.838, 54.013, -62.182
XYZ	10.907, 5.398, 35.587
xyY	0.21, 0.104, 5.398
CIE-LCH	27.838, 82.365, 310.979
CIE-LUV	27.838, 7.89, -80.984
Hunter-Lab	23.233, 43.143, -74.556
Binary	01010110, 00011010, 10100100

#561aa4
```
#561aa4 rgb(86,26,164)
```
#68a41a
```
#68a41a rgb(104,164,26)
```

Complementary Color

#1a23a4
```
#1a23a4 rgb(26,35,164)
```
#561aa4
```
#561aa4 rgb(86,26,164)
```
#9b1aa4
```
#9b1aa4 rgb(155,26,164)
```

Analogous Color

#23a41a
```
#23a41a rgb(35,164,26)
```
#561aa4
```
#561aa4 rgb(86,26,164)
```
#a49b1a
```
#a49b1a rgb(164,155,26)
```

Split Complementary Color

#1aa456
```
#1aa456 rgb(26,164,86)
```
#561aa4
```
#561aa4 rgb(86,26,164)
```
#a4561a
```
#a4561a rgb(164,86,26)
```

Triadic Color

#1a68a4
```
#1a68a4 rgb(26,104,164)
```
#561aa4
```
#561aa4 rgb(86,26,164)
```
#a4561a
```
#a4561a rgb(164,86,26)
```
#68a41a
```
#68a41a rgb(104,164,26)
```

Tetradic Color

#331062
```
#331062 rgb(51,16,98)
```
#3f1378
```
#3f1378 rgb(63,19,120)
```
#4a178e
```
#4a178e rgb(74,23,142)
```
#561aa4
```
#561aa4 rgb(86,26,164)
```
#621dba
```
#621dba rgb(98,29,186)
```
#6d21d0
```
#6d21d0 rgb(109,33,208)
```
#7a2dde
```
#7a2dde rgb(122,45,222)
```

Monochromatic Color

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

#341aa4
```
#341aa4 rgb(52,26,164)
```
#3f1aa4
```
#3f1aa4 rgb(63,26,164)
```
#4a1aa4
```
#4a1aa4 rgb(74,26,164)
```
#561aa4
```
#561aa4 rgb(86,26,164)
```
#621aa4
```
#621aa4 rgb(98,26,164)
```
#6d1aa4
```
#6d1aa4 rgb(109,26,164)
```
#791aa4
```
#791aa4 rgb(121,26,164)
```

Similar Colors

Text with hexadecimal color #561aa4

This text has a font color of #561aa4.

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

#561aa4 background color

This paragraph has a background color of #561aa4.

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

#561aa4 border color

This element has a border color of #561aa4.

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

CSS codes

.text {color:#561aa4;}

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

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

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, #06020c is the darkest color, while #fcfafe is the lightest one.

#06020c
```
#06020c rgb(6,2,12)
```
#0f051d
```
#0f051d rgb(15,5,29)
```
#18072d
```
#18072d rgb(24,7,45)
```
#210a3e
```
#210a3e rgb(33,10,62)
```
#2a0d4f
```
#2a0d4f rgb(42,13,79)
```
#320f60
```
#320f60 rgb(50,15,96)
```
#3b1271
```
#3b1271 rgb(59,18,113)
```
#441582
```
#441582 rgb(68,21,130)
```
#4d1793
```
#4d1793 rgb(77,23,147)
```
#561aa4
```
#561aa4 rgb(86,26,164)
```
#5f1db5
```
#5f1db5 rgb(95,29,181)
```
#681fc6
```
#681fc6 rgb(104,31,198)
```
#7122d7
```
#7122d7 rgb(113,34,215)
```

Shade Color Variation

#7b2fde
```
#7b2fde rgb(123,47,222)
```
#863fe1
```
#863fe1 rgb(134,63,225)
```
#9050e3
```
#9050e3 rgb(144,80,227)
```
#9b61e6
```
#9b61e6 rgb(155,97,230)
```
#a672e9
```
#a672e9 rgb(166,114,233)
```
#b083eb
```
#b083eb rgb(176,131,235)
```
#bb94ee
```
#bb94ee rgb(187,148,238)
```
#c6a5f1
```
#c6a5f1 rgb(198,165,241)
```
#d1b6f3
```
#d1b6f3 rgb(209,182,243)
```
#dbc7f6
```
#dbc7f6 rgb(219,199,246)
```
#e6d8f9
```
#e6d8f9 rgb(230,216,249)
```
#f1e9fb
```
#f1e9fb rgb(241,233,251)
```
#fcfafe
```
#fcfafe rgb(252,250,254)
```

Tint Color Variation

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

#5f5c62
```
#5f5c62 rgb(95,92,98)
```
#5e546a
```
#5e546a rgb(94,84,106)
```
#5d4d71
```
#5d4d71 rgb(93,77,113)
```
#5c4678
```
#5c4678 rgb(92,70,120)
```
#5b3f7f
```
#5b3f7f rgb(91,63,127)
```
#5a3787
```
#5a3787 rgb(90,55,135)
```
#59308e
```
#59308e rgb(89,48,142)
```
#582995
```
#582995 rgb(88,41,149)
```
#57219d
```
#57219d rgb(87,33,157)
```
#561aa4
```
#561aa4 rgb(86,26,164)
```
#5513ab
```
#5513ab rgb(85,19,171)
```
#540bb3
```
#540bb3 rgb(84,11,179)
```
#5304ba
```
#5304ba rgb(83,4,186)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#413551 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498e Protanopia 1% of men
#004d7c Deuteranopia 1% of men
#424d52 Tritanopia 0.001% of the population

Trichromacy

#1f3896 Protanomaly 1% of men, 0.01% of women
#1f3a8a Deuteranomaly 6% of men, 0.4% of women
#493a70 Tritanomaly 0.01% of the population

#561aa4 hex color

#561aa4 Color Information

#561aa4 Color Conversion

Color Schemes with #561aa4

Alternatives to #561aa4

#561aa4 Preview

Shades and Tints of #561aa4

Tones of #561aa4

Color Blindness Simulator