#880ea4 hex color

In a RGB color space, hex #880ea4 is composed of 53.3% red, 5.5% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 91.5% magenta, 0% yellow and 35.7% black. It has a hue angle of 288.8 degrees, a saturation of 84.3% and a lightness of 34.9%. #880ea4 color hex could be obtained by blending #ff1cff with #110049. Closest websafe color is: #990099.

♥
- f
- t
- g
- R 53
- G 5
- B 64
RGB color chart
- C 17
- M 91
- Y 0
- K 36
CMYK color chart

● #880ea4 color description : Dark magenta.

The hexadecimal color #880ea4 has RGB values of R:136, G:14, B:164 and CMYK values of C:0.17, M:0.91, Y:0, K:0.36. Its decimal value is 8916644.

Hex triplet	880ea4	`#880ea4`
RGB Decimal	136, 14, 164	`rgb(136,14,164)`
RGB Percent	53.3, 5.5, 64.3	`rgb(53.3%,5.5%,64.3%)`
CMYK	17, 91, 0, 36
HSL	288.8°, 84.3, 34.9	`hsl(288.8,84.3%,34.9%)`
HSV (or HSB)	288.8°, 91.5, 64.3
Web Safe	990099	`#990099`

CIE-LAB	34.456, 64.287, -51.062
XYZ	17.01, 8.229, 35.812
xyY	0.279, 0.135, 8.229
CIE-LCH	34.456, 82.098, 321.54
CIE-LUV	34.456, 34.332, -75.948
Hunter-Lab	28.687, 55.642, -53.936
Binary	10001000, 00001110, 10100100

#880ea4
```
#880ea4 rgb(136,14,164)
```
#2aa40e
```
#2aa40e rgb(42,164,14)
```

Complementary Color

#3d0ea4
```
#3d0ea4 rgb(61,14,164)
```
#880ea4
```
#880ea4 rgb(136,14,164)
```
#a40e75
```
#a40e75 rgb(164,14,117)
```

Analogous Color

#0ea43d
```
#0ea43d rgb(14,164,61)
```
#880ea4
```
#880ea4 rgb(136,14,164)
```
#75a40e
```
#75a40e rgb(117,164,14)
```

Split Complementary Color

#0ea488
```
#0ea488 rgb(14,164,136)
```
#880ea4
```
#880ea4 rgb(136,14,164)
```
#a4880e
```
#a4880e rgb(164,136,14)
```

Triadic Color

#0e2aa4
```
#0e2aa4 rgb(14,42,164)
```
#880ea4
```
#880ea4 rgb(136,14,164)
```
#a4880e
```
#a4880e rgb(164,136,14)
```
#2aa40e
```
#2aa40e rgb(42,164,14)
```

Tetradic Color

#4e085e
```
#4e085e rgb(78,8,94)
```
#610a75
```
#610a75 rgb(97,10,117)
```
#750c8d
```
#750c8d rgb(117,12,141)
```
#880ea4
```
#880ea4 rgb(136,14,164)
```
#9b10bb
```
#9b10bb rgb(155,16,187)
```
#af12d3
```
#af12d3 rgb(175,18,211)
```
#c214ea
```
#c214ea rgb(194,20,234)
```

Monochromatic Color

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

#620ea4
```
#620ea4 rgb(98,14,164)
```
#6f0ea4
```
#6f0ea4 rgb(111,14,164)
```
#7c0ea4
```
#7c0ea4 rgb(124,14,164)
```
#880ea4
```
#880ea4 rgb(136,14,164)
```
#950ea4
```
#950ea4 rgb(149,14,164)
```
#a10ea4
```
#a10ea4 rgb(161,14,164)
```
#a40e9b
```
#a40e9b rgb(164,14,155)
```

Similar Colors

Text with hexadecimal color #880ea4

This text has a font color of #880ea4.

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

#880ea4 background color

This paragraph has a background color of #880ea4.

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

#880ea4 border color

This element has a border color of #880ea4.

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

CSS codes

.text {color:#880ea4;}

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

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

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

#010001
```
#010001 rgb(1,0,1)
```
#100213
```
#100213 rgb(16,2,19)
```
#1f0325
```
#1f0325 rgb(31,3,37)
```
#2e0538
```
#2e0538 rgb(46,5,56)
```
#3d064a
```
#3d064a rgb(61,6,74)
```
#4c085c
```
#4c085c rgb(76,8,92)
```
#5b096e
```
#5b096e rgb(91,9,110)
```
#6a0b80
```
#6a0b80 rgb(106,11,128)
```
#790c92
```
#790c92 rgb(121,12,146)
```
#880ea4
```
#880ea4 rgb(136,14,164)
```
#9710b6
```
#9710b6 rgb(151,16,182)
```
#a611c8
```
#a611c8 rgb(166,17,200)
```
#b513da
```
#b513da rgb(181,19,218)
```

Shade Color Variation

#c315eb
```
#c315eb rgb(195,21,235)
```
#c827ed
```
#c827ed rgb(200,39,237)
```
#cc3aee
```
#cc3aee rgb(204,58,238)
```
#d14cf0
```
#d14cf0 rgb(209,76,240)
```
#d65ef1
```
#d65ef1 rgb(214,94,241)
```
#da70f3
```
#da70f3 rgb(218,112,243)
```
#df82f4
```
#df82f4 rgb(223,130,244)
```
#e494f6
```
#e494f6 rgb(228,148,246)
```
#e8a6f7
```
#e8a6f7 rgb(232,166,247)
```
#edb8f9
```
#edb8f9 rgb(237,184,249)
```
#f1cafa
```
#f1cafa rgb(241,202,250)
```
#f6dcfc
```
#f6dcfc rgb(246,220,252)
```
#fbeefe
```
#fbeefe rgb(251,238,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5260 is the less saturated color, while #9100b2 is the most saturated one.

#5d5260
```
#5d5260 rgb(93,82,96)
```
#614c66
```
#614c66 rgb(97,76,102)
```
#66456d
```
#66456d rgb(102,69,109)
```
#6a3e74
```
#6a3e74 rgb(106,62,116)
```
#6e377b
```
#6e377b rgb(110,55,123)
```
#733082
```
#733082 rgb(115,48,130)
```
#772989
```
#772989 rgb(119,41,137)
```
#7b238f
```
#7b238f rgb(123,35,143)
```
#7f1c96
```
#7f1c96 rgb(127,28,150)
```
#84159d
```
#84159d rgb(132,21,157)
```
#880ea4
```
#880ea4 rgb(136,14,164)
```
#8c07ab
```
#8c07ab rgb(140,7,171)
```
#9100b2
```
#9100b2 rgb(145,0,178)
```

Tone Color Variation

Below, you can see how #880ea4 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
#523957 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005b98 Deuteranopia 1% of men
#804a4f Tritanopia 0.001% of the population

Trichromacy

#313ca8 Protanomaly 1% of men, 0.01% of women
#313f9c Deuteranomaly 6% of men, 0.4% of women
#82346e Tritanomaly 0.01% of the population

#880ea4 hex color

#880ea4 Color Information

#880ea4 Color Conversion

Color Schemes with #880ea4

Alternatives to #880ea4

#880ea4 Preview

Shades and Tints of #880ea4

Tones of #880ea4

Color Blindness Simulator