#870cf4 hex color

In a RGB color space, hex #870cf4 is composed of 52.9% red, 4.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 44.7% cyan, 95.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 271.8 degrees, a saturation of 91.3% and a lightness of 50.2%. #870cf4 color hex could be obtained by blending #ff18ff with #0f00e9. Closest websafe color is: #9900ff.

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

● #870cf4 color description : Vivid violet.

The hexadecimal color #870cf4 has RGB values of R:135, G:12, B:244 and CMYK values of C:0.45, M:0.95, Y:0, K:0.04. Its decimal value is 8850676.

Hex triplet	870cf4	`#870cf4`
RGB Decimal	135, 12, 244	`rgb(135,12,244)`
RGB Percent	52.9, 4.7, 95.7	`rgb(52.9%,4.7%,95.7%)`
CMYK	45, 95, 0, 4
HSL	271.8°, 91.3, 50.2	`hsl(271.8,91.3%,50.2%)`
HSV (or HSB)	271.8°, 95.1, 95.7
Web Safe	9900ff	`#9900ff`

CIE-LAB	41.129, 80.188, -86.729
XYZ	26.45, 11.946, 86.495
xyY	0.212, 0.096, 11.946
CIE-LCH	41.129, 118.119, 312.756
CIE-LUV	41.129, 15.84, -126.822
Hunter-Lab	34.562, 76.117, -124.185
Binary	10000111, 00001100, 11110100

#870cf4
```
#870cf4 rgb(135,12,244)
```
#79f40c
```
#79f40c rgb(121,244,12)
```

Complementary Color

#130cf4
```
#130cf4 rgb(19,12,244)
```
#870cf4
```
#870cf4 rgb(135,12,244)
```
#f40ced
```
#f40ced rgb(244,12,237)
```

Analogous Color

#0cf413
```
#0cf413 rgb(12,244,19)
```
#870cf4
```
#870cf4 rgb(135,12,244)
```
#edf40c
```
#edf40c rgb(237,244,12)
```

Split Complementary Color

#0cf487
```
#0cf487 rgb(12,244,135)
```
#870cf4
```
#870cf4 rgb(135,12,244)
```
#f4870c
```
#f4870c rgb(244,135,12)
```

Triadic Color

#0c79f4
```
#0c79f4 rgb(12,121,244)
```
#870cf4
```
#870cf4 rgb(135,12,244)
```
#f4870c
```
#f4870c rgb(244,135,12)
```
#79f40c
```
#79f40c rgb(121,244,12)
```

Tetradic Color

#5f08ac
```
#5f08ac rgb(95,8,172)
```
#6c09c4
```
#6c09c4 rgb(108,9,196)
```
#7a0add
```
#7a0add rgb(122,10,221)
```
#870cf4
```
#870cf4 rgb(135,12,244)
```
#9324f5
```
#9324f5 rgb(147,36,245)
```
#9f3df6
```
#9f3df6 rgb(159,61,246)
```
#ab55f7
```
#ab55f7 rgb(171,85,247)
```

Monochromatic Color

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

#4d0cf4
```
#4d0cf4 rgb(77,12,244)
```
#600cf4
```
#600cf4 rgb(96,12,244)
```
#740cf4
```
#740cf4 rgb(116,12,244)
```
#870cf4
```
#870cf4 rgb(135,12,244)
```
#9a0cf4
```
#9a0cf4 rgb(154,12,244)
```
#ae0cf4
```
#ae0cf4 rgb(174,12,244)
```
#c10cf4
```
#c10cf4 rgb(193,12,244)
```

Similar Colors

Text with hexadecimal color #870cf4

This text has a font color of #870cf4.

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

#870cf4 background color

This paragraph has a background color of #870cf4.

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

#870cf4 border color

This element has a border color of #870cf4.

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

CSS codes

.text {color:#870cf4;}

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

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

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 #f6edfe is the lightest one.

#010001
```
#010001 rgb(1,0,1)
```
#0b0114
```
#0b0114 rgb(11,1,20)
```
#150226
```
#150226 rgb(21,2,38)
```
#200339
```
#200339 rgb(32,3,57)
```
#2a034c
```
#2a034c rgb(42,3,76)
```
#34045f
```
#34045f rgb(52,4,95)
```
#3f0572
```
#3f0572 rgb(63,5,114)
```
#490684
```
#490684 rgb(73,6,132)
```
#530797
```
#530797 rgb(83,7,151)
```
#5e08aa
```
#5e08aa rgb(94,8,170)
```
#6809bd
```
#6809bd rgb(104,9,189)
```
#7209cf
```
#7209cf rgb(114,9,207)
```
#7d0ae2
```
#7d0ae2 rgb(125,10,226)
```

Shade Color Variation

#870cf4
```
#870cf4 rgb(135,12,244)
```
#901ff5
```
#901ff5 rgb(144,31,245)
```
#9a32f6
```
#9a32f6 rgb(154,50,246)
```
#a344f7
```
#a344f7 rgb(163,68,247)
```
#ac57f7
```
#ac57f7 rgb(172,87,247)
```
#b56af8
```
#b56af8 rgb(181,106,248)
```
#bf7df9
```
#bf7df9 rgb(191,125,249)
```
#c88ffa
```
#c88ffa rgb(200,143,250)
```
#d1a2fb
```
#d1a2fb rgb(209,162,251)
```
#dab5fc
```
#dab5fc rgb(218,181,252)
```
#e4c8fc
```
#e4c8fc rgb(228,200,252)
```
#eddafd
```
#eddafd rgb(237,218,253)
```
#f6edfe
```
#f6edfe rgb(246,237,254)
```

Tint Color Variation

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

#817789
```
#817789 rgb(129,119,137)
```
#816e92
```
#816e92 rgb(129,110,146)
```
#82649c
```
#82649c rgb(130,100,156)
```
#825aa6
```
#825aa6 rgb(130,90,166)
```
#8350b0
```
#8350b0 rgb(131,80,176)
```
#8347b9
```
#8347b9 rgb(131,71,185)
```
#843dc3
```
#843dc3 rgb(132,61,195)
```
#8533cd
```
#8533cd rgb(133,51,205)
```
#8529d7
```
#8529d7 rgb(133,41,215)
```
#8620e0
```
#8620e0 rgb(134,32,224)
```
#8616ea
```
#8616ea rgb(134,22,234)
```
#870cf4
```
#870cf4 rgb(135,12,244)
```
#8802fe
```
#8802fe rgb(136,2,254)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#573e6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#646971 Tritanopia 0.001% of the population

Trichromacy

#3145d7 Protanomaly 1% of men, 0.01% of women
#3149c6 Deuteranomaly 6% of men, 0.4% of women
#7147a0 Tritanomaly 0.01% of the population

#870cf4 hex color

#870cf4 Color Information

#870cf4 Color Conversion

Color Schemes with #870cf4

Alternatives to #870cf4

#870cf4 Preview

Shades and Tints of #870cf4

Tones of #870cf4

Color Blindness Simulator