#561ee2 hex color

In a RGB color space, hex #561ee2 is composed of 33.7% red, 11.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 86.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 257.1 degrees, a saturation of 77.2% and a lightness of 50.2%. #561ee2 color hex could be obtained by blending #ac3cff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 12
- B 89
RGB color chart
- C 62
- M 87
- Y 0
- K 11
CMYK color chart

● #561ee2 color description : Vivid violet.

The hexadecimal color #561ee2 has RGB values of R:86, G:30, B:226 and CMYK values of C:0.62, M:0.87, Y:0, K:0.11. Its decimal value is 5644002.

Hex triplet	561ee2	`#561ee2`
RGB Decimal	86, 30, 226	`rgb(86,30,226)`
RGB Percent	33.7, 11.8, 88.6	`rgb(33.7%,11.8%,88.6%)`
CMYK	62, 87, 0, 11
HSL	257.1°, 77.2, 50.2	`hsl(257.1,77.2%,50.2%)`
HSV (or HSB)	257.1°, 86.7, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.797, 68.322, -87.159
XYZ	18.027, 8.397, 72.618
xyY	0.182, 0.085, 8.397
CIE-LCH	34.797, 110.746, 308.092
CIE-LUV	34.797, 0.651, -117.375
Hunter-Lab	28.978, 60.331, -128.294
Binary	01010110, 00011110, 11100010

#561ee2
```
#561ee2 rgb(86,30,226)
```
#aae21e
```
#aae21e rgb(170,226,30)
```

Complementary Color

#1e48e2
```
#1e48e2 rgb(30,72,226)
```
#561ee2
```
#561ee2 rgb(86,30,226)
```
#b81ee2
```
#b81ee2 rgb(184,30,226)
```

Analogous Color

#48e21e
```
#48e21e rgb(72,226,30)
```
#561ee2
```
#561ee2 rgb(86,30,226)
```
#e2b81e
```
#e2b81e rgb(226,184,30)
```

Split Complementary Color

#1ee256
```
#1ee256 rgb(30,226,86)
```
#561ee2
```
#561ee2 rgb(86,30,226)
```
#e2561e
```
#e2561e rgb(226,86,30)
```

Triadic Color

#1eaae2
```
#1eaae2 rgb(30,170,226)
```
#561ee2
```
#561ee2 rgb(86,30,226)
```
#e2561e
```
#e2561e rgb(226,86,30)
```
#aae21e
```
#aae21e rgb(170,226,30)
```

Tetradic Color

#3c149f
```
#3c149f rgb(60,20,159)
```
#4517b6
```
#4517b6 rgb(69,23,182)
```
#4d1acc
```
#4d1acc rgb(77,26,204)
```
#561ee2
```
#561ee2 rgb(86,30,226)
```
#6735e5
```
#6735e5 rgb(103,53,229)
```
#784be8
```
#784be8 rgb(120,75,232)
```
#8962eb
```
#8962eb rgb(137,98,235)
```

Monochromatic Color

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

#251ee2
```
#251ee2 rgb(37,30,226)
```
#351ee2
```
#351ee2 rgb(53,30,226)
```
#461ee2
```
#461ee2 rgb(70,30,226)
```
#561ee2
```
#561ee2 rgb(86,30,226)
```
#661ee2
```
#661ee2 rgb(102,30,226)
```
#771ee2
```
#771ee2 rgb(119,30,226)
```
#871ee2
```
#871ee2 rgb(135,30,226)
```

Similar Colors

Text with hexadecimal color #561ee2

This text has a font color of #561ee2.

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

#561ee2 background color

This paragraph has a background color of #561ee2.

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

#561ee2 border color

This element has a border color of #561ee2.

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

CSS codes

.text {color:#561ee2;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#070212
```
#070212 rgb(7,2,18)
```
#0d0524
```
#0d0524 rgb(13,5,36)
```
#140735
```
#140735 rgb(20,7,53)
```
#1b0946
```
#1b0946 rgb(27,9,70)
```
#210b58
```
#210b58 rgb(33,11,88)
```
#280e69
```
#280e69 rgb(40,14,105)
```
#2e107b
```
#2e107b rgb(46,16,123)
```
#35128c
```
#35128c rgb(53,18,140)
```
#3b149d
```
#3b149d rgb(59,20,157)
```
#4217af
```
#4217af rgb(66,23,175)
```
#4919c0
```
#4919c0 rgb(73,25,192)
```
#4f1bd1
```
#4f1bd1 rgb(79,27,209)
```

Shade Color Variation

#561ee2
```
#561ee2 rgb(86,30,226)
```
#632fe4
```
#632fe4 rgb(99,47,228)
```
#7041e6
```
#7041e6 rgb(112,65,230)
```
#7d52e9
```
#7d52e9 rgb(125,82,233)
```
#8a64eb
```
#8a64eb rgb(138,100,235)
```
#9775ed
```
#9775ed rgb(151,117,237)
```
#a486ef
```
#a486ef rgb(164,134,239)
```
#b198f2
```
#b198f2 rgb(177,152,242)
```
#bea9f4
```
#bea9f4 rgb(190,169,244)
```
#cbbaf6
```
#cbbaf6 rgb(203,186,246)
```
#d9ccf8
```
#d9ccf8 rgb(217,204,248)
```
#e6ddfb
```
#e6ddfb rgb(230,221,251)
```
#f3effd
```
#f3effd rgb(243,239,253)
```

Tint Color Variation

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

#808080
```
#808080 rgb(128,128,128)
```
#7c768a
```
#7c768a rgb(124,118,138)
```
#776c94
```
#776c94 rgb(119,108,148)
```
#73629e
```
#73629e rgb(115,98,158)
```
#6f59a7
```
#6f59a7 rgb(111,89,167)
```
#6b4fb1
```
#6b4fb1 rgb(107,79,177)
```
#6745bb
```
#6745bb rgb(103,69,187)
```
#633bc5
```
#633bc5 rgb(99,59,197)
```
#5e32ce
```
#5e32ce rgb(94,50,206)
```
#5a28d8
```
#5a28d8 rgb(90,40,216)
```
#561ee2
```
#561ee2 rgb(86,30,226)
```
#5214ec
```
#5214ec rgb(82,20,236)
```
#4e0af6
```
#4e0af6 rgb(78,10,246)
```

Tone Color Variation

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

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#00636a Tritanopia 0.001% of the population

Trichromacy

#1f43bf Protanomaly 1% of men, 0.01% of women
#1f46b0 Deuteranomaly 6% of men, 0.4% of women
#1f4a95 Tritanomaly 0.01% of the population

#561ee2 hex color

#561ee2 Color Information

#561ee2 Color Conversion

Color Schemes with #561ee2

Alternatives to #561ee2

#561ee2 Preview

Shades and Tints of #561ee2

Tones of #561ee2

Color Blindness Simulator