#561bc4 hex color

In a RGB color space, hex #561bc4 is composed of 33.7% red, 10.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 86.2% magenta, 0% yellow and 23.1% black. It has a hue angle of 260.9 degrees, a saturation of 75.8% and a lightness of 43.7%. #561bc4 color hex could be obtained by blending #ac36ff with #000089. Closest websafe color is: #6633cc.

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

● #561bc4 color description : Strong violet.

The hexadecimal color #561bc4 has RGB values of R:86, G:27, B:196 and CMYK values of C:0.56, M:0.86, Y:0, K:0.23. Its decimal value is 5643204.

Hex triplet	561bc4	`#561bc4`
RGB Decimal	86, 27, 196	`rgb(86,27,196)`
RGB Percent	33.7, 10.6, 76.9	`rgb(33.7%,10.6%,76.9%)`
CMYK	56, 86, 0, 23
HSL	260.9°, 75.8, 43.7	`hsl(260.9,75.8%,43.7%)`
HSV (or HSB)	260.9°, 86.2, 76.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	31.225, 61.702, -75.682
XYZ	14.192, 6.748, 52.776
xyY	0.193, 0.092, 6.748
CIE-LCH	31.225, 97.647, 309.19
CIE-LUV	31.225, 3.873, -100.055
Hunter-Lab	25.976, 52.064, -102.278
Binary	01010110, 00011011, 11000100

#561bc4
```
#561bc4 rgb(86,27,196)
```
#89c41b
```
#89c41b rgb(137,196,27)
```

Complementary Color

#1b35c4
```
#1b35c4 rgb(27,53,196)
```
#561bc4
```
#561bc4 rgb(86,27,196)
```
#ab1bc4
```
#ab1bc4 rgb(171,27,196)
```

Analogous Color

#35c41b
```
#35c41b rgb(53,196,27)
```
#561bc4
```
#561bc4 rgb(86,27,196)
```
#c4ab1b
```
#c4ab1b rgb(196,171,27)
```

Split Complementary Color

#1bc456
```
#1bc456 rgb(27,196,86)
```
#561bc4
```
#561bc4 rgb(86,27,196)
```
#c4561b
```
#c4561b rgb(196,86,27)
```

Triadic Color

#1b89c4
```
#1b89c4 rgb(27,137,196)
```
#561bc4
```
#561bc4 rgb(86,27,196)
```
#c4561b
```
#c4561b rgb(196,86,27)
```
#89c41b
```
#89c41b rgb(137,196,27)
```

Tetradic Color

#381281
```
#381281 rgb(56,18,129)
```
#421597
```
#421597 rgb(66,21,151)
```
#4c18ae
```
#4c18ae rgb(76,24,174)
```
#561bc4
```
#561bc4 rgb(86,27,196)
```
#601eda
```
#601eda rgb(96,30,218)
```
#6e30e2
```
#6e30e2 rgb(110,48,226)
```
#7e46e6
```
#7e46e6 rgb(126,70,230)
```

Monochromatic Color

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

#2c1bc4
```
#2c1bc4 rgb(44,27,196)
```
#3a1bc4
```
#3a1bc4 rgb(58,27,196)
```
#481bc4
```
#481bc4 rgb(72,27,196)
```
#561bc4
```
#561bc4 rgb(86,27,196)
```
#641bc4
```
#641bc4 rgb(100,27,196)
```
#721bc4
```
#721bc4 rgb(114,27,196)
```
#801bc4
```
#801bc4 rgb(128,27,196)
```

Similar Colors

Text with hexadecimal color #561bc4

This text has a font color of #561bc4.

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

#561bc4 background color

This paragraph has a background color of #561bc4.

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

#561bc4 border color

This element has a border color of #561bc4.

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

CSS codes

.text {color:#561bc4;}

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

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

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

#030106
```
#030106 rgb(3,1,6)
```
#0a0318
```
#0a0318 rgb(10,3,24)
```
#120629
```
#120629 rgb(18,6,41)
```
#19083a
```
#19083a rgb(25,8,58)
```
#210a4b
```
#210a4b rgb(33,10,75)
```
#290d5d
```
#290d5d rgb(41,13,93)
```
#300f6e
```
#300f6e rgb(48,15,110)
```
#38127f
```
#38127f rgb(56,18,127)
```
#3f1490
```
#3f1490 rgb(63,20,144)
```
#4716a2
```
#4716a2 rgb(71,22,162)
```
#4e19b3
```
#4e19b3 rgb(78,25,179)
```
#561bc4
```
#561bc4 rgb(86,27,196)
```
#5e1dd5
```
#5e1dd5 rgb(94,29,213)
```

Shade Color Variation

#6725e1
```
#6725e1 rgb(103,37,225)
```
#7336e3
```
#7336e3 rgb(115,54,227)
```
#7f48e6
```
#7f48e6 rgb(127,72,230)
```
#8b59e8
```
#8b59e8 rgb(139,89,232)
```
#976aeb
```
#976aeb rgb(151,106,235)
```
#a37bed
```
#a37bed rgb(163,123,237)
```
#af8def
```
#af8def rgb(175,141,239)
```
#bb9ef2
```
#bb9ef2 rgb(187,158,242)
```
#c7aff4
```
#c7aff4 rgb(199,175,244)
```
#d3c0f6
```
#d3c0f6 rgb(211,192,246)
```
#dfd2f9
```
#dfd2f9 rgb(223,210,249)
```
#ebe3fb
```
#ebe3fb rgb(235,227,251)
```
#f7f4fe
```
#f7f4fe rgb(247,244,254)
```

Tint Color Variation

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

#6d6877
```
#6d6877 rgb(109,104,119)
```
#6b607f
```
#6b607f rgb(107,96,127)
```
#685788
```
#685788 rgb(104,87,136)
```
#664e91
```
#664e91 rgb(102,78,145)
```
#634699
```
#634699 rgb(99,70,153)
```
#603da2
```
#603da2 rgb(96,61,162)
```
#5e35aa
```
#5e35aa rgb(94,53,170)
```
#5b2cb3
```
#5b2cb3 rgb(91,44,179)
```
#5924bb
```
#5924bb rgb(89,36,187)
```
#561bc4
```
#561bc4 rgb(86,27,196)
```
#5312cd
```
#5312cd rgb(83,18,205)
```
#510ad5
```
#510ad5 rgb(81,10,213)
```
#4e01de
```
#4e01de rgb(78,1,222)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#44395a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005587 Deuteranopia 1% of men
#29595f Tritanopia 0.001% of the population

Trichromacy

#1f3daa Protanomaly 1% of men, 0.01% of women
#1f409d Deuteranomaly 6% of men, 0.4% of women
#394284 Tritanomaly 0.01% of the population

#561bc4 hex color

#561bc4 Color Information

#561bc4 Color Conversion

Color Schemes with #561bc4

Alternatives to #561bc4

#561bc4 Preview

Shades and Tints of #561bc4

Tones of #561bc4

Color Blindness Simulator