#561af7 hex color

In a RGB color space, hex #561af7 is composed of 33.7% red, 10.2% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 89.5% magenta, 0% yellow and 3.1% black. It has a hue angle of 256.3 degrees, a saturation of 93.2% and a lightness of 53.5%. #561af7 color hex could be obtained by blending #ac34ff with #0000ef. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 10
- B 97
RGB color chart
- C 65
- M 89
- Y 0
- K 3
CMYK color chart

● #561af7 color description : Vivid violet.

The hexadecimal color #561af7 has RGB values of R:86, G:26, B:247 and CMYK values of C:0.65, M:0.89, Y:0, K:0.03. Its decimal value is 5642999.

Hex triplet	561af7	`#561af7`
RGB Decimal	86, 26, 247	`rgb(86,26,247)`
RGB Percent	33.7, 10.2, 96.9	`rgb(33.7%,10.2%,96.9%)`
CMYK	65, 89, 0, 3
HSL	256.3°, 93.2, 53.5	`hsl(256.3,93.2%,53.5%)`
HSV (or HSB)	256.3°, 89.5, 96.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.803, 74.638, -95.753
XYZ	20.993, 9.432, 88.705
xyY	0.176, 0.079, 9.432
CIE-LCH	36.803, 121.406, 307.936
CIE-LUV	36.803, -0.916, -129.309
Hunter-Lab	30.711, 68.268, -149.753
Binary	01010110, 00011010, 11110111

#561af7
```
#561af7 rgb(86,26,247)
```
#bbf71a
```
#bbf71a rgb(187,247,26)
```

Complementary Color

#1a4cf7
```
#1a4cf7 rgb(26,76,247)
```
#561af7
```
#561af7 rgb(86,26,247)
```
#c51af7
```
#c51af7 rgb(197,26,247)
```

Analogous Color

#4cf71a
```
#4cf71a rgb(76,247,26)
```
#561af7
```
#561af7 rgb(86,26,247)
```
#f7c51a
```
#f7c51a rgb(247,197,26)
```

Split Complementary Color

#1af756
```
#1af756 rgb(26,247,86)
```
#561af7
```
#561af7 rgb(86,26,247)
```
#f7561a
```
#f7561a rgb(247,86,26)
```

Triadic Color

#1abbf7
```
#1abbf7 rgb(26,187,247)
```
#561af7
```
#561af7 rgb(86,26,247)
```
#f7561a
```
#f7561a rgb(247,86,26)
```
#bbf71a
```
#bbf71a rgb(187,247,26)
```

Tetradic Color

#3807be
```
#3807be rgb(56,7,190)
```
#4007d7
```
#4007d7 rgb(64,7,215)
```
#4708ef
```
#4708ef rgb(71,8,239)
```
#561af7
```
#561af7 rgb(86,26,247)
```
#6833f8
```
#6833f8 rgb(104,51,248)
```
#7a4bf9
```
#7a4bf9 rgb(122,75,249)
```
#8d64fa
```
#8d64fa rgb(141,100,250)
```

Monochromatic Color

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

#1f1af7
```
#1f1af7 rgb(31,26,247)
```
#311af7
```
#311af7 rgb(49,26,247)
```
#441af7
```
#441af7 rgb(68,26,247)
```
#561af7
```
#561af7 rgb(86,26,247)
```
#681af7
```
#681af7 rgb(104,26,247)
```
#7b1af7
```
#7b1af7 rgb(123,26,247)
```
#8d1af7
```
#8d1af7 rgb(141,26,247)
```

Similar Colors

Text with hexadecimal color #561af7

This text has a font color of #561af7.

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

#561af7 background color

This paragraph has a background color of #561af7.

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

#561af7 border color

This element has a border color of #561af7.

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

CSS codes

.text {color:#561af7;}

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

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

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

#050111
```
#050111 rgb(5,1,17)
```
#0b0124
```
#0b0124 rgb(11,1,36)
```
#100237
```
#100237 rgb(16,2,55)
```
#16034a
```
#16034a rgb(22,3,74)
```
#1c035d
```
#1c035d rgb(28,3,93)
```
#210470
```
#210470 rgb(33,4,112)
```
#270583
```
#270583 rgb(39,5,131)
```
#2d0596
```
#2d0596 rgb(45,5,150)
```
#3206a9
```
#3206a9 rgb(50,6,169)
```
#3807bc
```
#3807bc rgb(56,7,188)
```
#3d07cf
```
#3d07cf rgb(61,7,207)
```
#4308e2
```
#4308e2 rgb(67,8,226)
```
#4909f5
```
#4909f5 rgb(73,9,245)
```

Shade Color Variation

#561af7
```
#561af7 rgb(86,26,247)
```
#642df8
```
#642df8 rgb(100,45,248)
```
#7240f8
```
#7240f8 rgb(114,64,248)
```
#8053f9
```
#8053f9 rgb(128,83,249)
```
#8e66fa
```
#8e66fa rgb(142,102,250)
```
#9c79fa
```
#9c79fa rgb(156,121,250)
```
#aa8cfb
```
#aa8cfb rgb(170,140,251)
```
#b89ffc
```
#b89ffc rgb(184,159,252)
```
#c6b2fc
```
#c6b2fc rgb(198,178,252)
```
#d4c5fd
```
#d4c5fd rgb(212,197,253)
```
#e2d8fe
```
#e2d8fe rgb(226,216,254)
```
#f0eafe
```
#f0eafe rgb(240,234,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #88878a is the less saturated color, while #561af7 is the most saturated one.

#88878a
```
#88878a rgb(136,135,138)
```
#847e93
```
#847e93 rgb(132,126,147)
```
#80759c
```
#80759c rgb(128,117,156)
```
#7b6ca5
```
#7b6ca5 rgb(123,108,165)
```
#7763ae
```
#7763ae rgb(119,99,174)
```
#735ab7
```
#735ab7 rgb(115,90,183)
```
#6f51c0
```
#6f51c0 rgb(111,81,192)
```
#6b48c9
```
#6b48c9 rgb(107,72,201)
```
#673ed3
```
#673ed3 rgb(103,62,211)
```
#6235dc
```
#6235dc rgb(98,53,220)
```
#5e2ce5
```
#5e2ce5 rgb(94,44,229)
```
#5a23ee
```
#5a23ee rgb(90,35,238)
```
#561af7
```
#561af7 rgb(86,26,247)
```

Tone Color Variation

Below, you can see how #561af7 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
#483c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1f44cc Protanomaly 1% of men, 0.01% of women
#1f47bc Deuteranomaly 6% of men, 0.4% of women
#1f4ca0 Tritanomaly 0.01% of the population

#561af7 hex color

#561af7 Color Information

#561af7 Color Conversion

Color Schemes with #561af7

Alternatives to #561af7

#561af7 Preview

Shades and Tints of #561af7

Tones of #561af7

Color Blindness Simulator