#561ef4 hex color

In a RGB color space, hex #561ef4 is composed of 33.7% red, 11.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 87.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 255.7 degrees, a saturation of 90.7% and a lightness of 53.7%. #561ef4 color hex could be obtained by blending #ac3cff with #0000e9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 12
- B 96
RGB color chart
- C 65
- M 88
- Y 0
- K 4
CMYK color chart

● #561ef4 color description : Vivid violet.

The hexadecimal color #561ef4 has RGB values of R:86, G:30, B:244 and CMYK values of C:0.65, M:0.88, Y:0, K:0.04. Its decimal value is 5644020.

Hex triplet	561ef4	`#561ef4`
RGB Decimal	86, 30, 244	`rgb(86,30,244)`
RGB Percent	33.7, 11.8, 95.7	`rgb(33.7%,11.8%,95.7%)`
CMYK	65, 88, 0, 4
HSL	255.7°, 90.7, 53.7	`hsl(255.7,90.7%,53.7%)`
HSV (or HSB)	255.7°, 87.7, 95.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.814, 72.83, -94.043
XYZ	20.628, 9.438, 86.318
xyY	0.177, 0.081, 9.438
CIE-LCH	36.814, 118.947, 307.755
CIE-LUV	36.814, -0.918, -127.613
Hunter-Lab	30.721, 66.095, -145.084
Binary	01010110, 00011110, 11110100

#561ef4
```
#561ef4 rgb(86,30,244)
```
#bcf41e
```
#bcf41e rgb(188,244,30)
```

Complementary Color

#1e51f4
```
#1e51f4 rgb(30,81,244)
```
#561ef4
```
#561ef4 rgb(86,30,244)
```
#c11ef4
```
#c11ef4 rgb(193,30,244)
```

Analogous Color

#51f41e
```
#51f41e rgb(81,244,30)
```
#561ef4
```
#561ef4 rgb(86,30,244)
```
#f4c11e
```
#f4c11e rgb(244,193,30)
```

Split Complementary Color

#1ef456
```
#1ef456 rgb(30,244,86)
```
#561ef4
```
#561ef4 rgb(86,30,244)
```
#f4561e
```
#f4561e rgb(244,86,30)
```

Triadic Color

#1ebcf4
```
#1ebcf4 rgb(30,188,244)
```
#561ef4
```
#561ef4 rgb(86,30,244)
```
#f4561e
```
#f4561e rgb(244,86,30)
```
#bcf41e
```
#bcf41e rgb(188,244,30)
```

Tetradic Color

#3809bc
```
#3809bc rgb(56,9,188)
```
#3f0ad5
```
#3f0ad5 rgb(63,10,213)
```
#470ced
```
#470ced rgb(71,12,237)
```
#561ef4
```
#561ef4 rgb(86,30,244)
```
#6836f5
```
#6836f5 rgb(104,54,245)
```
#7b4ff6
```
#7b4ff6 rgb(123,79,246)
```
#8d67f8
```
#8d67f8 rgb(141,103,248)
```

Monochromatic Color

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

#201ef4
```
#201ef4 rgb(32,30,244)
```
#321ef4
```
#321ef4 rgb(50,30,244)
```
#441ef4
```
#441ef4 rgb(68,30,244)
```
#561ef4
```
#561ef4 rgb(86,30,244)
```
#681ef4
```
#681ef4 rgb(104,30,244)
```
#7a1ef4
```
#7a1ef4 rgb(122,30,244)
```
#8c1ef4
```
#8c1ef4 rgb(140,30,244)
```

Similar Colors

Text with hexadecimal color #561ef4

This text has a font color of #561ef4.

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

#561ef4 background color

This paragraph has a background color of #561ef4.

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

#561ef4 border color

This element has a border color of #561ef4.

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

CSS codes

.text {color:#561ef4;}

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

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

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

#050112
```
#050112 rgb(5,1,18)
```
#0b0225
```
#0b0225 rgb(11,2,37)
```
#110338
```
#110338 rgb(17,3,56)
```
#16044a
```
#16044a rgb(22,4,74)
```
#1c055d
```
#1c055d rgb(28,5,93)
```
#210570
```
#210570 rgb(33,5,112)
```
#270682
```
#270682 rgb(39,6,130)
```
#2c0795
```
#2c0795 rgb(44,7,149)
```
#3208a8
```
#3208a8 rgb(50,8,168)
```
#3809ba
```
#3809ba rgb(56,9,186)
```
#3d0acd
```
#3d0acd rgb(61,10,205)
```
#430be0
```
#430be0 rgb(67,11,224)
```
#480cf3
```
#480cf3 rgb(72,12,243)
```

Shade Color Variation

#561ef4
```
#561ef4 rgb(86,30,244)
```
#6431f5
```
#6431f5 rgb(100,49,245)
```
#7243f6
```
#7243f6 rgb(114,67,246)
```
#8056f7
```
#8056f7 rgb(128,86,247)
```
#8e69f8
```
#8e69f8 rgb(142,105,248)
```
#9c7cf9
```
#9c7cf9 rgb(156,124,249)
```
#aa8ef9
```
#aa8ef9 rgb(170,142,249)
```
#b8a1fa
```
#b8a1fa rgb(184,161,250)
```
#c6b4fb
```
#c6b4fb rgb(198,180,251)
```
#d4c6fc
```
#d4c6fc rgb(212,198,252)
```
#e2d9fd
```
#e2d9fd rgb(226,217,253)
```
#f1ecfe
```
#f1ecfe rgb(241,236,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#868290
```
#868290 rgb(134,130,144)
```
#817999
```
#817999 rgb(129,121,153)
```
#7d70a2
```
#7d70a2 rgb(125,112,162)
```
#7967ab
```
#7967ab rgb(121,103,171)
```
#745eb4
```
#745eb4 rgb(116,94,180)
```
#7054be
```
#7054be rgb(112,84,190)
```
#6c4bc7
```
#6c4bc7 rgb(108,75,199)
```
#6742d0
```
#6742d0 rgb(103,66,208)
```
#6339d9
```
#6339d9 rgb(99,57,217)
```
#5f30e2
```
#5f30e2 rgb(95,48,226)
```
#5a27eb
```
#5a27eb rgb(90,39,235)
```
#561ef4
```
#561ef4 rgb(86,30,244)
```
#5215fd
```
#5215fd rgb(82,21,253)
```

Tone Color Variation

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

#1f45cb Protanomaly 1% of men, 0.01% of women
#1f49bb Deuteranomaly 6% of men, 0.4% of women
#1f4d9f Tritanomaly 0.01% of the population

#561ef4 hex color

#561ef4 Color Information

#561ef4 Color Conversion

Color Schemes with #561ef4

Alternatives to #561ef4

#561ef4 Preview

Shades and Tints of #561ef4

Tones of #561ef4

Color Blindness Simulator