#561ef2 hex color

In a RGB color space, hex #561ef2 is composed of 33.7% red, 11.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 87.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 255.8 degrees, a saturation of 89.1% and a lightness of 53.3%. #561ef2 color hex could be obtained by blending #ac3cff with #0000e5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 12
- B 95
RGB color chart
- C 64
- M 88
- Y 0
- K 5
CMYK color chart

● #561ef2 color description : Vivid violet.

The hexadecimal color #561ef2 has RGB values of R:86, G:30, B:242 and CMYK values of C:0.64, M:0.88, Y:0, K:0.05. Its decimal value is 5644018.

Hex triplet	561ef2	`#561ef2`
RGB Decimal	86, 30, 242	`rgb(86,30,242)`
RGB Percent	33.7, 11.8, 94.9	`rgb(33.7%,11.8%,94.9%)`
CMYK	64, 88, 0, 5
HSL	255.8°, 89.1, 53.3	`hsl(255.8,89.1%,53.3%)`
HSV (or HSB)	255.8°, 87.6, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.588, 72.332, -93.289
XYZ	20.326, 9.317, 84.727
xyY	0.178, 0.081, 9.317
CIE-LCH	36.588, 118.046, 307.788
CIE-LUV	36.588, -0.75, -126.482
Hunter-Lab	30.524, 65.448, -143.209
Binary	01010110, 00011110, 11110010

#561ef2
```
#561ef2 rgb(86,30,242)
```
#baf21e
```
#baf21e rgb(186,242,30)
```

Complementary Color

#1e50f2
```
#1e50f2 rgb(30,80,242)
```
#561ef2
```
#561ef2 rgb(86,30,242)
```
#c01ef2
```
#c01ef2 rgb(192,30,242)
```

Analogous Color

#50f21e
```
#50f21e rgb(80,242,30)
```
#561ef2
```
#561ef2 rgb(86,30,242)
```
#f2c01e
```
#f2c01e rgb(242,192,30)
```

Split Complementary Color

#1ef256
```
#1ef256 rgb(30,242,86)
```
#561ef2
```
#561ef2 rgb(86,30,242)
```
#f2561e
```
#f2561e rgb(242,86,30)
```

Triadic Color

#1ebaf2
```
#1ebaf2 rgb(30,186,242)
```
#561ef2
```
#561ef2 rgb(86,30,242)
```
#f2561e
```
#f2561e rgb(242,86,30)
```
#baf21e
```
#baf21e rgb(186,242,30)
```

Tetradic Color

#390bb9
```
#390bb9 rgb(57,11,185)
```
#400cd1
```
#400cd1 rgb(64,12,209)
```
#470de9
```
#470de9 rgb(71,13,233)
```
#561ef2
```
#561ef2 rgb(86,30,242)
```
#6836f3
```
#6836f3 rgb(104,54,243)
```
#7a4ef5
```
#7a4ef5 rgb(122,78,245)
```
#8c66f6
```
#8c66f6 rgb(140,102,246)
```

Monochromatic Color

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

#211ef2
```
#211ef2 rgb(33,30,242)
```
#331ef2
```
#331ef2 rgb(51,30,242)
```
#441ef2
```
#441ef2 rgb(68,30,242)
```
#561ef2
```
#561ef2 rgb(86,30,242)
```
#681ef2
```
#681ef2 rgb(104,30,242)
```
#791ef2
```
#791ef2 rgb(121,30,242)
```
#8b1ef2
```
#8b1ef2 rgb(139,30,242)
```

Similar Colors

Text with hexadecimal color #561ef2

This text has a font color of #561ef2.

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

#561ef2 background color

This paragraph has a background color of #561ef2.

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

#561ef2 border color

This element has a border color of #561ef2.

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

CSS codes

.text {color:#561ef2;}

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

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

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

#050110
```
#050110 rgb(5,1,16)
```
#0b0223
```
#0b0223 rgb(11,2,35)
```
#100335
```
#100335 rgb(16,3,53)
```
#160448
```
#160448 rgb(22,4,72)
```
#1c055a
```
#1c055a rgb(28,5,90)
```
#21066d
```
#21066d rgb(33,6,109)
```
#27077f
```
#27077f rgb(39,7,127)
```
#2d0892
```
#2d0892 rgb(45,8,146)
```
#320aa4
```
#320aa4 rgb(50,10,164)
```
#380bb7
```
#380bb7 rgb(56,11,183)
```
#3e0cca
```
#3e0cca rgb(62,12,202)
```
#430ddc
```
#430ddc rgb(67,13,220)
```
#490eef
```
#490eef rgb(73,14,239)
```

Shade Color Variation

#561ef2
```
#561ef2 rgb(86,30,242)
```
#6431f3
```
#6431f3 rgb(100,49,243)
```
#7243f4
```
#7243f4 rgb(114,67,244)
```
#8056f5
```
#8056f5 rgb(128,86,245)
```
#8e68f6
```
#8e68f6 rgb(142,104,246)
```
#9c7bf7
```
#9c7bf7 rgb(156,123,247)
```
#aa8df8
```
#aa8df8 rgb(170,141,248)
```
#b8a0fa
```
#b8a0fa rgb(184,160,250)
```
#c5b2fb
```
#c5b2fb rgb(197,178,251)
```
#d3c5fc
```
#d3c5fc rgb(211,197,252)
```
#e1d7fd
```
#e1d7fd rgb(225,215,253)
```
#efeafe
```
#efeafe rgb(239,234,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85838d is the less saturated color, while #5215fb is the most saturated one.

#85838d
```
#85838d rgb(133,131,141)
```
#817a96
```
#817a96 rgb(129,122,150)
```
#7d70a0
```
#7d70a0 rgb(125,112,160)
```
#7967a9
```
#7967a9 rgb(121,103,169)
```
#745eb2
```
#745eb2 rgb(116,94,178)
```
#7055bb
```
#7055bb rgb(112,85,187)
```
#6c4cc4
```
#6c4cc4 rgb(108,76,196)
```
#6743cd
```
#6743cd rgb(103,67,205)
```
#6339d7
```
#6339d7 rgb(99,57,215)
```
#5f30e0
```
#5f30e0 rgb(95,48,224)
```
#5a27e9
```
#5a27e9 rgb(90,39,233)
```
#561ef2
```
#561ef2 rgb(86,30,242)
```
#5215fb
```
#5215fb rgb(82,21,251)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4a3f69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb2 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1f45c9 Protanomaly 1% of men, 0.01% of women
#1f49ba Deuteranomaly 6% of men, 0.4% of women
#1f4d9e Tritanomaly 0.01% of the population

#561ef2 hex color

#561ef2 Color Information

#561ef2 Color Conversion

Color Schemes with #561ef2

Alternatives to #561ef2

#561ef2 Preview

Shades and Tints of #561ef2

Tones of #561ef2

Color Blindness Simulator