#561bba hex color

In a RGB color space, hex #561bba is composed of 33.7% red, 10.6% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 85.5% magenta, 0% yellow and 27.1% black. It has a hue angle of 262.3 degrees, a saturation of 74.6% and a lightness of 41.8%. #561bba color hex could be obtained by blending #ac36ff with #000075. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 11
- B 73
RGB color chart
- C 54
- M 85
- Y 0
- K 27
CMYK color chart

● #561bba color description : Strong violet.

The hexadecimal color #561bba has RGB values of R:86, G:27, B:186 and CMYK values of C:0.54, M:0.85, Y:0, K:0.27. Its decimal value is 5643194.

Hex triplet	561bba	`#561bba`
RGB Decimal	86, 27, 186	`rgb(86,27,186)`
RGB Percent	33.7, 10.6, 72.9	`rgb(33.7%,10.6%,72.9%)`
CMYK	54, 85, 0, 27
HSL	262.3°, 74.6, 41.8	`hsl(262.3,74.6%,41.8%)`
HSV (or HSB)	262.3°, 85.5, 72.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	30.175, 59.186, -71.517
XYZ	13.091, 6.307, 46.979
xyY	0.197, 0.095, 6.307
CIE-LCH	30.175, 92.831, 309.611
CIE-LUV	30.175, 5.007, -94.158
Hunter-Lab	25.114, 49.095, -93.33
Binary	01010110, 00011011, 10111010

#561bba
```
#561bba rgb(86,27,186)
```
#7fba1b
```
#7fba1b rgb(127,186,27)
```

Complementary Color

#1b30ba
```
#1b30ba rgb(27,48,186)
```
#561bba
```
#561bba rgb(86,27,186)
```
#a61bba
```
#a61bba rgb(166,27,186)
```

Analogous Color

#2fba1b
```
#2fba1b rgb(47,186,27)
```
#561bba
```
#561bba rgb(86,27,186)
```
#baa61b
```
#baa61b rgb(186,166,27)
```

Split Complementary Color

#1bba56
```
#1bba56 rgb(27,186,86)
```
#561bba
```
#561bba rgb(86,27,186)
```
#ba561b
```
#ba561b rgb(186,86,27)
```

Triadic Color

#1b7fba
```
#1b7fba rgb(27,127,186)
```
#561bba
```
#561bba rgb(86,27,186)
```
#ba561b
```
#ba561b rgb(186,86,27)
```
#7fba1b
```
#7fba1b rgb(127,186,27)
```

Tetradic Color

#371177
```
#371177 rgb(55,17,119)
```
#41158d
```
#41158d rgb(65,21,141)
```
#4c18a4
```
#4c18a4 rgb(76,24,164)
```
#561bba
```
#561bba rgb(86,27,186)
```
#601ed0
```
#601ed0 rgb(96,30,208)
```
#6c28e0
```
#6c28e0 rgb(108,40,224)
```
#7c3ee3
```
#7c3ee3 rgb(124,62,227)
```

Monochromatic Color

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

#2e1bba
```
#2e1bba rgb(46,27,186)
```
#3c1bba
```
#3c1bba rgb(60,27,186)
```
#491bba
```
#491bba rgb(73,27,186)
```
#561bba
```
#561bba rgb(86,27,186)
```
#631bba
```
#631bba rgb(99,27,186)
```
#711bba
```
#711bba rgb(113,27,186)
```
#7e1bba
```
#7e1bba rgb(126,27,186)
```

Similar Colors

Text with hexadecimal color #561bba

This text has a font color of #561bba.

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

#561bba background color

This paragraph has a background color of #561bba.

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

#561bba border color

This element has a border color of #561bba.

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

CSS codes

.text {color:#561bba;}

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

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

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

#07020f
```
#07020f rgb(7,2,15)
```
#0f0520
```
#0f0520 rgb(15,5,32)
```
#170731
```
#170731 rgb(23,7,49)
```
#1f0a42
```
#1f0a42 rgb(31,10,66)
```
#260c53
```
#260c53 rgb(38,12,83)
```
#2e0f64
```
#2e0f64 rgb(46,15,100)
```
#361175
```
#361175 rgb(54,17,117)
```
#3e1487
```
#3e1487 rgb(62,20,135)
```
#461698
```
#461698 rgb(70,22,152)
```
#4e19a9
```
#4e19a9 rgb(78,25,169)
```
#561bba
```
#561bba rgb(86,27,186)
```
#5e1dcb
```
#5e1dcb rgb(94,29,203)
```
#6620dc
```
#6620dc rgb(102,32,220)
```

Shade Color Variation

#712fe1
```
#712fe1 rgb(113,47,225)
```
#7d40e3
```
#7d40e3 rgb(125,64,227)
```
#8851e6
```
#8851e6 rgb(136,81,230)
```
#9462e8
```
#9462e8 rgb(148,98,232)
```
#a074eb
```
#a074eb rgb(160,116,235)
```
#ab85ed
```
#ab85ed rgb(171,133,237)
```
#b796f0
```
#b796f0 rgb(183,150,240)
```
#c3a7f2
```
#c3a7f2 rgb(195,167,242)
```
#cfb8f5
```
#cfb8f5 rgb(207,184,245)
```
#dac9f7
```
#dac9f7 rgb(218,201,247)
```
#e6dafa
```
#e6dafa rgb(230,218,250)
```
#f2ebfc
```
#f2ebfc rgb(242,235,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#696570
```
#696570 rgb(105,101,112)
```
#675d78
```
#675d78 rgb(103,93,120)
```
#655481
```
#655481 rgb(101,84,129)
```
#634c89
```
#634c89 rgb(99,76,137)
```
#614491
```
#614491 rgb(97,68,145)
```
#5e3c99
```
#5e3c99 rgb(94,60,153)
```
#5c34a1
```
#5c34a1 rgb(92,52,161)
```
#5a2baa
```
#5a2baa rgb(90,43,170)
```
#5823b2
```
#5823b2 rgb(88,35,178)
```
#561bba
```
#561bba rgb(86,27,186)
```
#5413c2
```
#5413c2 rgb(84,19,194)
```
#520bca
```
#520bca rgb(82,11,202)
```
#5002d3
```
#5002d3 rgb(80,2,211)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#443858 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005284 Deuteranopia 1% of men
#33555b Tritanopia 0.001% of the population

Trichromacy

#1f3ba4 Protanomaly 1% of men, 0.01% of women
#1f3e97 Deuteranomaly 6% of men, 0.4% of women
#40407e Tritanomaly 0.01% of the population

#561bba hex color

#561bba Color Information

#561bba Color Conversion

Color Schemes with #561bba

Alternatives to #561bba

#561bba Preview

Shades and Tints of #561bba

Tones of #561bba

Color Blindness Simulator