#561caa hex color

In a RGB color space, hex #561caa is composed of 33.7% red, 11% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 83.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 264.5 degrees, a saturation of 71.7% and a lightness of 38.8%. #561caa color hex could be obtained by blending #ac38ff with #000055. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 11
- B 67
RGB color chart
- C 49
- M 84
- Y 0
- K 33
CMYK color chart

● #561caa color description : Dark violet.

The hexadecimal color #561caa has RGB values of R:86, G:28, B:170 and CMYK values of C:0.49, M:0.84, Y:0, K:0.33. Its decimal value is 5643434.

Hex triplet	561caa	`#561caa`
RGB Decimal	86, 28, 170	`rgb(86,28,170)`
RGB Percent	33.7, 11, 66.7	`rgb(33.7%,11%,66.7%)`
CMYK	49, 84, 0, 33
HSL	264.5°, 71.7, 38.8	`hsl(264.5,71.7%,38.8%)`
HSV (or HSB)	264.5°, 83.5, 66.7
Web Safe	663399	`#663399`

CIE-LAB	28.672, 54.803, -64.436
XYZ	11.507, 5.711, 38.524
xyY	0.206, 0.102, 5.711
CIE-LCH	28.672, 84.589, 310.381
CIE-LUV	28.672, 6.903, -84.511
Hunter-Lab	23.898, 44.131, -78.848
Binary	01010110, 00011100, 10101010

#561caa
```
#561caa rgb(86,28,170)
```
#70aa1c
```
#70aa1c rgb(112,170,28)
```

Complementary Color

#1c29aa
```
#1c29aa rgb(28,41,170)
```
#561caa
```
#561caa rgb(86,28,170)
```
#9d1caa
```
#9d1caa rgb(157,28,170)
```

Analogous Color

#29aa1c
```
#29aa1c rgb(41,170,28)
```
#561caa
```
#561caa rgb(86,28,170)
```
#aa9d1c
```
#aa9d1c rgb(170,157,28)
```

Split Complementary Color

#1caa56
```
#1caa56 rgb(28,170,86)
```
#561caa
```
#561caa rgb(86,28,170)
```
#aa561c
```
#aa561c rgb(170,86,28)
```

Triadic Color

#1c70aa
```
#1c70aa rgb(28,112,170)
```
#561caa
```
#561caa rgb(86,28,170)
```
#aa561c
```
#aa561c rgb(170,86,28)
```
#70aa1c
```
#70aa1c rgb(112,170,28)
```

Tetradic Color

#351168
```
#351168 rgb(53,17,104)
```
#40157e
```
#40157e rgb(64,21,126)
```
#4b1894
```
#4b1894 rgb(75,24,148)
```
#561caa
```
#561caa rgb(86,28,170)
```
#6120c0
```
#6120c0 rgb(97,32,192)
```
#6c23d6
```
#6c23d6 rgb(108,35,214)
```
#7a35de
```
#7a35de rgb(122,53,222)
```

Monochromatic Color

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

#321caa
```
#321caa rgb(50,28,170)
```
#3e1caa
```
#3e1caa rgb(62,28,170)
```
#4a1caa
```
#4a1caa rgb(74,28,170)
```
#561caa
```
#561caa rgb(86,28,170)
```
#621caa
```
#621caa rgb(98,28,170)
```
#6e1caa
```
#6e1caa rgb(110,28,170)
```
#7a1caa
```
#7a1caa rgb(122,28,170)
```

Similar Colors

Text with hexadecimal color #561caa

This text has a font color of #561caa.

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

#561caa background color

This paragraph has a background color of #561caa.

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

#561caa border color

This element has a border color of #561caa.

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

CSS codes

.text {color:#561caa;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#090312
```
#090312 rgb(9,3,18)
```
#120623
```
#120623 rgb(18,6,35)
```
#1a0934
```
#1a0934 rgb(26,9,52)
```
#230b45
```
#230b45 rgb(35,11,69)
```
#2b0e56
```
#2b0e56 rgb(43,14,86)
```
#341167
```
#341167 rgb(52,17,103)
```
#3c1477
```
#3c1477 rgb(60,20,119)
```
#451688
```
#451688 rgb(69,22,136)
```
#4d1999
```
#4d1999 rgb(77,25,153)
```
#561caa
```
#561caa rgb(86,28,170)
```
#5f1fbb
```
#5f1fbb rgb(95,31,187)
```
#6722cc
```
#6722cc rgb(103,34,204)
```

Shade Color Variation

#7026db
```
#7026db rgb(112,38,219)
```
#7b36de
```
#7b36de rgb(123,54,222)
```
#8647e1
```
#8647e1 rgb(134,71,225)
```
#9158e4
```
#9158e4 rgb(145,88,228)
```
#9c69e6
```
#9c69e6 rgb(156,105,230)
```
#a77ae9
```
#a77ae9 rgb(167,122,233)
```
#b28bec
```
#b28bec rgb(178,139,236)
```
#bd9cef
```
#bd9cef rgb(189,156,239)
```
#c9acf1
```
#c9acf1 rgb(201,172,241)
```
#d4bdf4
```
#d4bdf4 rgb(212,189,244)
```
#dfcef7
```
#dfcef7 rgb(223,206,247)
```
#eadffa
```
#eadffa rgb(234,223,250)
```
#f5f0fc
```
#f5f0fc rgb(245,240,252)
```

Tint Color Variation

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

#636165
```
#636165 rgb(99,97,101)
```
#61596d
```
#61596d rgb(97,89,109)
```
#605175
```
#605175 rgb(96,81,117)
```
#5e4a7c
```
#5e4a7c rgb(94,74,124)
```
#5d4284
```
#5d4284 rgb(93,66,132)
```
#5c3a8c
```
#5c3a8c rgb(92,58,140)
```
#5a3393
```
#5a3393 rgb(90,51,147)
```
#592b9b
```
#592b9b rgb(89,43,155)
```
#5724a2
```
#5724a2 rgb(87,36,162)
```
#561caa
```
#561caa rgb(86,28,170)
```
#5514b2
```
#5514b2 rgb(85,20,178)
```
#530db9
```
#530db9 rgb(83,13,185)
```
#5205c1
```
#5205c1 rgb(82,5,193)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#433754 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#004f7f Deuteranopia 1% of men
#3f5055 Tritanopia 0.001% of the population

Trichromacy

#1f3a9a Protanomaly 1% of men, 0.01% of women
#1f3c8e Deuteranomaly 6% of men, 0.4% of women
#473d74 Tritanomaly 0.01% of the population

#561caa hex color

#561caa Color Information

#561caa Color Conversion

Color Schemes with #561caa

Alternatives to #561caa

#561caa Preview

Shades and Tints of #561caa

Tones of #561caa

Color Blindness Simulator