#870ef6 hex color

In a RGB color space, hex #870ef6 is composed of 52.9% red, 5.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 94.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 271.3 degrees, a saturation of 92.8% and a lightness of 51%. #870ef6 color hex could be obtained by blending #ff1cff with #0f00ed. Closest websafe color is: #9900ff.

♥
- f
- t
- g
- R 53
- G 5
- B 96
RGB color chart
- C 45
- M 94
- Y 0
- K 4
CMYK color chart

● #870ef6 color description : Vivid violet.

The hexadecimal color #870ef6 has RGB values of R:135, G:14, B:246 and CMYK values of C:0.45, M:0.94, Y:0, K:0.04. Its decimal value is 8851190.

Hex triplet	870ef6	`#870ef6`
RGB Decimal	135, 14, 246	`rgb(135,14,246)`
RGB Percent	52.9, 5.5, 96.5	`rgb(52.9%,5.5%,96.5%)`
CMYK	45, 94, 0, 4
HSL	271.3°, 92.8, 51	`hsl(271.3,92.8%,51%)`
HSV (or HSB)	271.3°, 94.3, 96.5
Web Safe	9900ff	`#9900ff`

CIE-LAB	41.404, 80.358, -87.402
XYZ	26.781, 12.119, 88.112
xyY	0.211, 0.095, 12.119
CIE-LCH	41.404, 118.729, 312.596
CIE-LUV	41.404, 15.439, -127.942
Hunter-Lab	34.812, 76.397, -125.699
Binary	10000111, 00001110, 11110110

#870ef6
```
#870ef6 rgb(135,14,246)
```
#7df60e
```
#7df60e rgb(125,246,14)
```

Complementary Color

#130ef6
```
#130ef6 rgb(19,14,246)
```
#870ef6
```
#870ef6 rgb(135,14,246)
```
#f60ef1
```
#f60ef1 rgb(246,14,241)
```

Analogous Color

#0ef613
```
#0ef613 rgb(14,246,19)
```
#870ef6
```
#870ef6 rgb(135,14,246)
```
#f1f60e
```
#f1f60e rgb(241,246,14)
```

Split Complementary Color

#0ef687
```
#0ef687 rgb(14,246,135)
```
#870ef6
```
#870ef6 rgb(135,14,246)
```
#f6870e
```
#f6870e rgb(246,135,14)
```

Triadic Color

#0e7df6
```
#0e7df6 rgb(14,125,246)
```
#870ef6
```
#870ef6 rgb(135,14,246)
```
#f6870e
```
#f6870e rgb(246,135,14)
```
#7df60e
```
#7df60e rgb(125,246,14)
```

Tetradic Color

#5f07b1
```
#5f07b1 rgb(95,7,177)
```
#6d08c9
```
#6d08c9 rgb(109,8,201)
```
#7a08e2
```
#7a08e2 rgb(122,8,226)
```
#870ef6
```
#870ef6 rgb(135,14,246)
```
#9327f7
```
#9327f7 rgb(147,39,247)
```
#9f3ff8
```
#9f3ff8 rgb(159,63,248)
```
#ac58f9
```
#ac58f9 rgb(172,88,249)
```

Monochromatic Color

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

#4d0ef6
```
#4d0ef6 rgb(77,14,246)
```
#600ef6
```
#600ef6 rgb(96,14,246)
```
#740ef6
```
#740ef6 rgb(116,14,246)
```
#870ef6
```
#870ef6 rgb(135,14,246)
```
#9a0ef6
```
#9a0ef6 rgb(154,14,246)
```
#ae0ef6
```
#ae0ef6 rgb(174,14,246)
```
#c10ef6
```
#c10ef6 rgb(193,14,246)
```

Similar Colors

Text with hexadecimal color #870ef6

This text has a font color of #870ef6.

<span style="color:#870ef6;">Text here</span>

#870ef6 background color

This paragraph has a background color of #870ef6.

<p style="background-color:#870ef6;">Content here</p>

#870ef6 border color

This element has a border color of #870ef6.

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

CSS codes

.text {color:#870ef6;}

.background {background-color:#870ef6;}

.border {border:1px solid #870ef6;}

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

#030005
```
#030005 rgb(3,0,5)
```
#0d0118
```
#0d0118 rgb(13,1,24)
```
#17022b
```
#17022b rgb(23,2,43)
```
#21023e
```
#21023e rgb(33,2,62)
```
#2b0350
```
#2b0350 rgb(43,3,80)
```
#360463
```
#360463 rgb(54,4,99)
```
#400476
```
#400476 rgb(64,4,118)
```
#4a0589
```
#4a0589 rgb(74,5,137)
```
#54069c
```
#54069c rgb(84,6,156)
```
#5e07af
```
#5e07af rgb(94,7,175)
```
#6907c2
```
#6907c2 rgb(105,7,194)
```
#7308d5
```
#7308d5 rgb(115,8,213)
```
#7d09e8
```
#7d09e8 rgb(125,9,232)
```

Shade Color Variation

#870ef6
```
#870ef6 rgb(135,14,246)
```
#9021f7
```
#9021f7 rgb(144,33,247)
```
#9a34f7
```
#9a34f7 rgb(154,52,247)
```
#a347f8
```
#a347f8 rgb(163,71,248)
```
#ad5af9
```
#ad5af9 rgb(173,90,249)
```
#b66dfa
```
#b66dfa rgb(182,109,250)
```
#bf7ffa
```
#bf7ffa rgb(191,127,250)
```
#c992fb
```
#c992fb rgb(201,146,251)
```
#d2a5fc
```
#d2a5fc rgb(210,165,252)
```
#dcb8fc
```
#dcb8fc rgb(220,184,252)
```
#e5cbfd
```
#e5cbfd rgb(229,203,253)
```
#efdefe
```
#efdefe rgb(239,222,254)
```
#f8f1fe
```
#f8f1fe rgb(248,241,254)
```

Tint Color Variation

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

#828183
```
#828183 rgb(130,129,131)
```
#82788c
```
#82788c rgb(130,120,140)
```
#836e96
```
#836e96 rgb(131,110,150)
```
#83659f
```
#83659f rgb(131,101,159)
```
#845ba9
```
#845ba9 rgb(132,91,169)
```
#8451b3
```
#8451b3 rgb(132,81,179)
```
#8548bc
```
#8548bc rgb(133,72,188)
```
#853ec6
```
#853ec6 rgb(133,62,198)
```
#8534d0
```
#8534d0 rgb(133,52,208)
```
#862bd9
```
#862bd9 rgb(134,43,217)
```
#8621e3
```
#8621e3 rgb(134,33,227)
```
#8718ec
```
#8718ec rgb(135,24,236)
```
#870ef6
```
#870ef6 rgb(135,14,246)
```

Tone Color Variation

Below, you can see how #870ef6 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

#4d4d4d Achromatopsia 0.005% of the population
#59406f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cae Deuteranopia 1% of men
#646a72 Tritanopia 0.001% of the population

Trichromacy

#3146d8 Protanomaly 1% of men, 0.01% of women
#314ac8 Deuteranomaly 6% of men, 0.4% of women
#7048a2 Tritanomaly 0.01% of the population

#870ef6 hex color

#870ef6 Color Information

#870ef6 Color Conversion

Color Schemes with #870ef6

Alternatives to #870ef6

#870ef6 Preview

Shades and Tints of #870ef6

Tones of #870ef6

Color Blindness Simulator