#561aff hex color

In a RGB color space, hex #561aff is composed of 33.7% red, 10.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 89.8% magenta, 0% yellow and 0% black. It has a hue angle of 255.7 degrees, a saturation of 100% and a lightness of 55.1%. #561aff color hex could be obtained by blending #ac34ff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 10
- B 100
RGB color chart
- C 66
- M 90
- Y 0
- K 0
CMYK color chart

● #561aff color description : Vivid violet.

The hexadecimal color #561aff has RGB values of R:86, G:26, B:255 and CMYK values of C:0.66, M:0.9, Y:0, K:0. Its decimal value is 5643007.

Hex triplet	561aff	`#561aff`
RGB Decimal	86, 26, 255	`rgb(86,26,255)`
RGB Percent	33.7, 10.2, 100	`rgb(33.7%,10.2%,100%)`
CMYK	66, 90, 0, 0
HSL	255.7°, 100, 55.1	`hsl(255.7,100%,55.1%)`
HSV (or HSB)	255.7°, 89.8, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.728, 76.586, -98.709
XYZ	22.254, 9.936, 95.347
xyY	0.174, 0.078, 9.936
CIE-LCH	37.728, 124.935, 307.807
CIE-LUV	37.728, -1.571, -133.798
Hunter-Lab	31.522, 70.854, -157.275
Binary	01010110, 00011010, 11111111

#561aff
```
#561aff rgb(86,26,255)
```
#c3ff1a
```
#c3ff1a rgb(195,255,26)
```

Complementary Color

#1a51ff
```
#1a51ff rgb(26,81,255)
```
#561aff
```
#561aff rgb(86,26,255)
```
#c91aff
```
#c91aff rgb(201,26,255)
```

Analogous Color

#51ff1a
```
#51ff1a rgb(81,255,26)
```
#561aff
```
#561aff rgb(86,26,255)
```
#ffc91a
```
#ffc91a rgb(255,201,26)
```

Split Complementary Color

#1aff56
```
#1aff56 rgb(26,255,86)
```
#561aff
```
#561aff rgb(86,26,255)
```
#ff561a
```
#ff561a rgb(255,86,26)
```

Triadic Color

#1ac3ff
```
#1ac3ff rgb(26,195,255)
```
#561aff
```
#561aff rgb(86,26,255)
```
#ff561a
```
#ff561a rgb(255,86,26)
```
#c3ff1a
```
#c3ff1a rgb(195,255,26)
```

Tetradic Color

#3600cd
```
#3600cd rgb(54,0,205)
```
#3c00e6
```
#3c00e6 rgb(60,0,230)
```
#4300ff
```
#4300ff rgb(67,0,255)
```
#561aff
```
#561aff rgb(86,26,255)
```
#6934ff
```
#6934ff rgb(105,52,255)
```
#7c4dff
```
#7c4dff rgb(124,77,255)
```
#8e67ff
```
#8e67ff rgb(142,103,255)
```

Monochromatic Color

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

#1d1aff
```
#1d1aff rgb(29,26,255)
```
#301aff
```
#301aff rgb(48,26,255)
```
#431aff
```
#431aff rgb(67,26,255)
```
#561aff
```
#561aff rgb(86,26,255)
```
#691aff
```
#691aff rgb(105,26,255)
```
#7c1aff
```
#7c1aff rgb(124,26,255)
```
#8f1aff
```
#8f1aff rgb(143,26,255)
```

Similar Colors

Text with hexadecimal color #561aff

This text has a font color of #561aff.

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

#561aff background color

This paragraph has a background color of #561aff.

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

#561aff border color

This element has a border color of #561aff.

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

CSS codes

.text {color:#561aff;}

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

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

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

#020006
```
#020006 rgb(2,0,6)
```
#07001a
```
#07001a rgb(7,0,26)
```
#0c002e
```
#0c002e rgb(12,0,46)
```
#110041
```
#110041 rgb(17,0,65)
```
#160055
```
#160055 rgb(22,0,85)
```
#1b0068
```
#1b0068 rgb(27,0,104)
```
#21007c
```
#21007c rgb(33,0,124)
```
#260090
```
#260090 rgb(38,0,144)
```
#2b00a3
```
#2b00a3 rgb(43,0,163)
```
#3000b7
```
#3000b7 rgb(48,0,183)
```
#3500cb
```
#3500cb rgb(53,0,203)
```
#3a00de
```
#3a00de rgb(58,0,222)
```
#3f00f2
```
#3f00f2 rgb(63,0,242)
```

Shade Color Variation

#4806ff
```
#4806ff rgb(72,6,255)
```
#561aff
```
#561aff rgb(86,26,255)
```
#642eff
```
#642eff rgb(100,46,255)
```
#7341ff
```
#7341ff rgb(115,65,255)
```
#8155ff
```
#8155ff rgb(129,85,255)
```
#9068ff
```
#9068ff rgb(144,104,255)
```
#9e7cff
```
#9e7cff rgb(158,124,255)
```
#ad90ff
```
#ad90ff rgb(173,144,255)
```
#bba3ff
```
#bba3ff rgb(187,163,255)
```
#cab7ff
```
#cab7ff rgb(202,183,255)
```
#d8cbff
```
#d8cbff rgb(216,203,255)
```
#e7deff
```
#e7deff rgb(231,222,255)
```
#f5f2ff
```
#f5f2ff rgb(245,242,255)
```

Tint Color Variation

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

#888495
```
#888495 rgb(136,132,149)
```
#847b9e
```
#847b9e rgb(132,123,158)
```
#8072a7
```
#8072a7 rgb(128,114,167)
```
#7c69b0
```
#7c69b0 rgb(124,105,176)
```
#7860b9
```
#7860b9 rgb(120,96,185)
```
#7358c1
```
#7358c1 rgb(115,88,193)
```
#6f4fca
```
#6f4fca rgb(111,79,202)
```
#6b46d3
```
#6b46d3 rgb(107,70,211)
```
#673ddc
```
#673ddc rgb(103,61,220)
```
#6334e5
```
#6334e5 rgb(99,52,229)
```
#5e2ced
```
#5e2ced rgb(94,44,237)
```
#5a23f6
```
#5a23f6 rgb(90,35,246)
```
#561aff
```
#561aff rgb(86,26,255)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#493d6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00649e Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#1f45d1 Protanomaly 1% of men, 0.01% of women
#1f49c1 Deuteranomaly 6% of men, 0.4% of women
#1f4da4 Tritanomaly 0.01% of the population

#561aff hex color

#561aff Color Information

#561aff Color Conversion

Color Schemes with #561aff

Alternatives to #561aff

#561aff Preview

Shades and Tints of #561aff

Tones of #561aff

Color Blindness Simulator