#561bf0 hex color

In a RGB color space, hex #561bf0 is composed of 33.7% red, 10.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 88.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 256.6 degrees, a saturation of 87.7% and a lightness of 52.4%. #561bf0 color hex could be obtained by blending #ac36ff with #0000e1. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 11
- B 94
RGB color chart
- C 64
- M 89
- Y 0
- K 6
CMYK color chart

● #561bf0 color description : Vivid violet.

The hexadecimal color #561bf0 has RGB values of R:86, G:27, B:240 and CMYK values of C:0.64, M:0.89, Y:0, K:0.06. Its decimal value is 5643248.

Hex triplet	561bf0	`#561bf0`
RGB Decimal	86, 27, 240	`rgb(86,27,240)`
RGB Percent	33.7, 10.6, 94.1	`rgb(33.7%,10.6%,94.1%)`
CMYK	64, 89, 0, 6
HSL	256.6°, 87.7, 52.4	`hsl(256.6,87.7%,52.4%)`
HSV (or HSB)	256.6°, 88.8, 94.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.086, 72.664, -92.991
XYZ	19.955, 9.053, 83.129
xyY	0.178, 0.081, 9.053
CIE-LCH	36.086, 118.014, 308.005
CIE-LUV	36.086, -0.384, -125.361
Hunter-Lab	30.088, 65.731, -142.75
Binary	01010110, 00011011, 11110000

#561bf0
```
#561bf0 rgb(86,27,240)
```
#b5f01b
```
#b5f01b rgb(181,240,27)
```

Complementary Color

#1b4bf0
```
#1b4bf0 rgb(27,75,240)
```
#561bf0
```
#561bf0 rgb(86,27,240)
```
#c11bf0
```
#c11bf0 rgb(193,27,240)
```

Analogous Color

#4bf01b
```
#4bf01b rgb(75,240,27)
```
#561bf0
```
#561bf0 rgb(86,27,240)
```
#f0c11b
```
#f0c11b rgb(240,193,27)
```

Split Complementary Color

#1bf056
```
#1bf056 rgb(27,240,86)
```
#561bf0
```
#561bf0 rgb(86,27,240)
```
#f0561b
```
#f0561b rgb(240,86,27)
```

Triadic Color

#1bb5f0
```
#1bb5f0 rgb(27,181,240)
```
#561bf0
```
#561bf0 rgb(86,27,240)
```
#f0561b
```
#f0561b rgb(240,86,27)
```
#b5f01b
```
#b5f01b rgb(181,240,27)
```

Tetradic Color

#3a0cb3
```
#3a0cb3 rgb(58,12,179)
```
#420dcb
```
#420dcb rgb(66,13,203)
```
#4a0fe3
```
#4a0fe3 rgb(74,15,227)
```
#561bf0
```
#561bf0 rgb(86,27,240)
```
#6833f2
```
#6833f2 rgb(104,51,242)
```
#794bf3
```
#794bf3 rgb(121,75,243)
```
#8b63f5
```
#8b63f5 rgb(139,99,245)
```

Monochromatic Color

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

#211bf0
```
#211bf0 rgb(33,27,240)
```
#331bf0
```
#331bf0 rgb(51,27,240)
```
#441bf0
```
#441bf0 rgb(68,27,240)
```
#561bf0
```
#561bf0 rgb(86,27,240)
```
#681bf0
```
#681bf0 rgb(104,27,240)
```
#7a1bf0
```
#7a1bf0 rgb(122,27,240)
```
#8b1bf0
```
#8b1bf0 rgb(139,27,240)
```

Similar Colors

Text with hexadecimal color #561bf0

This text has a font color of #561bf0.

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

#561bf0 background color

This paragraph has a background color of #561bf0.

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

#561bf0 border color

This element has a border color of #561bf0.

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

CSS codes

.text {color:#561bf0;}

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

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

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

#04010b
```
#04010b rgb(4,1,11)
```
#0a021e
```
#0a021e rgb(10,2,30)
```
#100330
```
#100330 rgb(16,3,48)
```
#160442
```
#160442 rgb(22,4,66)
```
#1c0655
```
#1c0655 rgb(28,6,85)
```
#220767
```
#220767 rgb(34,7,103)
```
#27087a
```
#27087a rgb(39,8,122)
```
#2d098c
```
#2d098c rgb(45,9,140)
```
#330a9e
```
#330a9e rgb(51,10,158)
```
#390cb1
```
#390cb1 rgb(57,12,177)
```
#3f0dc3
```
#3f0dc3 rgb(63,13,195)
```
#450ed6
```
#450ed6 rgb(69,14,214)
```
#4b0fe8
```
#4b0fe8 rgb(75,15,232)
```

Shade Color Variation

#561bf0
```
#561bf0 rgb(86,27,240)
```
#642df1
```
#642df1 rgb(100,45,241)
```
#7140f2
```
#7140f2 rgb(113,64,242)
```
#7f52f4
```
#7f52f4 rgb(127,82,244)
```
#8d65f5
```
#8d65f5 rgb(141,101,245)
```
#9a77f6
```
#9a77f6 rgb(154,119,246)
```
#a889f7
```
#a889f7 rgb(168,137,247)
```
#b59cf8
```
#b59cf8 rgb(181,156,248)
```
#c3aefa
```
#c3aefa rgb(195,174,250)
```
#d1c1fb
```
#d1c1fb rgb(209,193,251)
```
#ded3fc
```
#ded3fc rgb(222,211,252)
```
#ece5fd
```
#ece5fd rgb(236,229,253)
```
#faf8ff
```
#faf8ff rgb(250,248,255)
```

Tint Color Variation

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

#848289
```
#848289 rgb(132,130,137)
```
#807893
```
#807893 rgb(128,120,147)
```
#7c6f9c
```
#7c6f9c rgb(124,111,156)
```
#7766a5
```
#7766a5 rgb(119,102,165)
```
#735caf
```
#735caf rgb(115,92,175)
```
#6f53b8
```
#6f53b8 rgb(111,83,184)
```
#6b4ac1
```
#6b4ac1 rgb(107,74,193)
```
#6740cb
```
#6740cb rgb(103,64,203)
```
#6337d4
```
#6337d4 rgb(99,55,212)
```
#5e2edd
```
#5e2edd rgb(94,46,221)
```
#5a24e7
```
#5a24e7 rgb(90,36,231)
```
#561bf0
```
#561bf0 rgb(86,27,240)
```
#5212f9
```
#5212f9 rgb(82,18,249)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#483d67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb0 Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#1f43c7 Protanomaly 1% of men, 0.01% of women
#1f47b8 Deuteranomaly 6% of men, 0.4% of women
#1f4b9c Tritanomaly 0.01% of the population

#561bf0 hex color

#561bf0 Color Information

#561bf0 Color Conversion

Color Schemes with #561bf0

Alternatives to #561bf0

#561bf0 Preview

Shades and Tints of #561bf0

Tones of #561bf0

Color Blindness Simulator