#880bb4 hex color

In a RGB color space, hex #880bb4 is composed of 53.3% red, 4.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 93.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 284.4 degrees, a saturation of 88.5% and a lightness of 37.5%. #880bb4 color hex could be obtained by blending #ff16ff with #110069. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 53
- G 4
- B 71
RGB color chart
- C 24
- M 94
- Y 0
- K 29
CMYK color chart

● #880bb4 color description : Strong violet.

The hexadecimal color #880bb4 has RGB values of R:136, G:11, B:180 and CMYK values of C:0.24, M:0.94, Y:0, K:0.29. Its decimal value is 8915892.

Hex triplet	880bb4	`#880bb4`
RGB Decimal	136, 11, 180	`rgb(136,11,180)`
RGB Percent	53.3, 4.3, 70.6	`rgb(53.3%,4.3%,70.6%)`
CMYK	24, 94, 0, 29
HSL	284.4°, 88.5, 37.5	`hsl(284.4,88.5%,37.5%)`
HSV (or HSB)	284.4°, 93.9, 70.6
Web Safe	9900cc	`#9900cc`

CIE-LAB	35.537, 67.678, -58.889
XYZ	18.51, 8.77, 43.895
xyY	0.26, 0.123, 8.77
CIE-LCH	35.537, 89.712, 318.972
CIE-LUV	35.537, 30.01, -86.943
Hunter-Lab	29.613, 59.749, -67.154
Binary	10001000, 00001011, 10110100

#880bb4
```
#880bb4 rgb(136,11,180)
```
#37b40b
```
#37b40b rgb(55,180,11)
```

Complementary Color

#330bb4
```
#330bb4 rgb(51,11,180)
```
#880bb4
```
#880bb4 rgb(136,11,180)
```
#b40b8c
```
#b40b8c rgb(180,11,140)
```

Analogous Color

#0bb433
```
#0bb433 rgb(11,180,51)
```
#880bb4
```
#880bb4 rgb(136,11,180)
```
#8cb40b
```
#8cb40b rgb(140,180,11)
```

Split Complementary Color

#0bb488
```
#0bb488 rgb(11,180,136)
```
#880bb4
```
#880bb4 rgb(136,11,180)
```
#b4880b
```
#b4880b rgb(180,136,11)
```

Triadic Color

#0b37b4
```
#0b37b4 rgb(11,55,180)
```
#880bb4
```
#880bb4 rgb(136,11,180)
```
#b4880b
```
#b4880b rgb(180,136,11)
```
#37b40b
```
#37b40b rgb(55,180,11)
```

Tetradic Color

#52076c
```
#52076c rgb(82,7,108)
```
#640884
```
#640884 rgb(100,8,132)
```
#760a9c
```
#760a9c rgb(118,10,156)
```
#880bb4
```
#880bb4 rgb(136,11,180)
```
#9a0ccc
```
#9a0ccc rgb(154,12,204)
```
#ac0ee4
```
#ac0ee4 rgb(172,14,228)
```
#b91af1
```
#b91af1 rgb(185,26,241)
```

Monochromatic Color

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

#5e0bb4
```
#5e0bb4 rgb(94,11,180)
```
#6c0bb4
```
#6c0bb4 rgb(108,11,180)
```
#7a0bb4
```
#7a0bb4 rgb(122,11,180)
```
#880bb4
```
#880bb4 rgb(136,11,180)
```
#960bb4
```
#960bb4 rgb(150,11,180)
```
#a40bb4
```
#a40bb4 rgb(164,11,180)
```
#b20bb4
```
#b20bb4 rgb(178,11,180)
```

Similar Colors

Text with hexadecimal color #880bb4

This text has a font color of #880bb4.

<span style="color:#880bb4;">Text here</span>

#880bb4 background color

This paragraph has a background color of #880bb4.

<p style="background-color:#880bb4;">Content here</p>

#880bb4 border color

This element has a border color of #880bb4.

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

CSS codes

.text {color:#880bb4;}

.background {background-color:#880bb4;}

.border {border:1px solid #880bb4;}

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, #0a010e is the darkest color, while #fefaff is the lightest one.

#0a010e
```
#0a010e rgb(10,1,14)
```
#180220
```
#180220 rgb(24,2,32)
```
#260333
```
#260333 rgb(38,3,51)
```
#340445
```
#340445 rgb(52,4,69)
```
#420558
```
#420558 rgb(66,5,88)
```
#50066a
```
#50066a rgb(80,6,106)
```
#5e087d
```
#5e087d rgb(94,8,125)
```
#6c098f
```
#6c098f rgb(108,9,143)
```
#7a0aa2
```
#7a0aa2 rgb(122,10,162)
```
#880bb4
```
#880bb4 rgb(136,11,180)
```
#960cc6
```
#960cc6 rgb(150,12,198)
```
#a40dd9
```
#a40dd9 rgb(164,13,217)
```
#b20eeb
```
#b20eeb rgb(178,14,235)
```

Shade Color Variation

#ba1cf1
```
#ba1cf1 rgb(186,28,241)
```
#bf2ff2
```
#bf2ff2 rgb(191,47,242)
```
#c541f3
```
#c541f3 rgb(197,65,243)
```
#cb54f5
```
#cb54f5 rgb(203,84,245)
```
#d066f6
```
#d066f6 rgb(208,102,246)
```
#d679f7
```
#d679f7 rgb(214,121,247)
```
#dc8bf8
```
#dc8bf8 rgb(220,139,248)
```
#e19ef9
```
#e19ef9 rgb(225,158,249)
```
#e7b0fa
```
#e7b0fa rgb(231,176,250)
```
#edc3fb
```
#edc3fb rgb(237,195,251)
```
#f2d5fc
```
#f2d5fc rgb(242,213,252)
```
#f8e8fe
```
#f8e8fe rgb(248,232,254)
```
#fefaff
```
#fefaff rgb(254,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #615c63 is the less saturated color, while #8c04bb is the most saturated one.

#615c63
```
#615c63 rgb(97,92,99)
```
#65546b
```
#65546b rgb(101,84,107)
```
#684d72
```
#684d72 rgb(104,77,114)
```
#6c4679
```
#6c4679 rgb(108,70,121)
```
#6f3e81
```
#6f3e81 rgb(111,62,129)
```
#733788
```
#733788 rgb(115,55,136)
```
#76308f
```
#76308f rgb(118,48,143)
```
#7a2897
```
#7a2897 rgb(122,40,151)
```
#7d219e
```
#7d219e rgb(125,33,158)
```
#811aa5
```
#811aa5 rgb(129,26,165)
```
#8412ad
```
#8412ad rgb(132,18,173)
```
#880bb4
```
#880bb4 rgb(136,11,180)
```
#8c04bb
```
#8c04bb rgb(140,4,187)
```

Tone Color Variation

Below, you can see how #880bb4 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

#444444 Achromatopsia 0.005% of the population
#52395a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005e9b Deuteranopia 1% of men
#7c5055 Tritanopia 0.001% of the population

Trichromacy

#313db0 Protanomaly 1% of men, 0.01% of women
#3140a4 Deuteranomaly 6% of men, 0.4% of women
#803677 Tritanomaly 0.01% of the population

#880bb4 hex color

#880bb4 Color Information

#880bb4 Color Conversion

Color Schemes with #880bb4

Alternatives to #880bb4

#880bb4 Preview

Shades and Tints of #880bb4

Tones of #880bb4

Color Blindness Simulator