#870bb2 hex color

In a RGB color space, hex #870bb2 is composed of 52.9% red, 4.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 24.2% cyan, 93.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 284.6 degrees, a saturation of 88.4% and a lightness of 37.1%. #870bb2 color hex could be obtained by blending #ff16ff with #0f0065. Closest websafe color is: #990099.

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

● #870bb2 color description : Dark violet.

The hexadecimal color #870bb2 has RGB values of R:135, G:11, B:178 and CMYK values of C:0.24, M:0.94, Y:0, K:0.3. Its decimal value is 8850354.

Hex triplet	870bb2	`#870bb2`
RGB Decimal	135, 11, 178	`rgb(135,11,178)`
RGB Percent	52.9, 4.3, 69.8	`rgb(52.9%,4.3%,69.8%)`
CMYK	24, 94, 0, 30
HSL	284.6°, 88.4, 37.1	`hsl(284.6,88.4%,37.1%)`
HSV (or HSB)	284.6°, 93.8, 69.8
Web Safe	990099	`#990099`

CIE-LAB	35.213, 67.162, -58.234
XYZ	18.146, 8.605, 42.822
xyY	0.261, 0.124, 8.605
CIE-LCH	35.213, 88.892, 319.072
CIE-LUV	35.213, 29.957, -85.793
Hunter-Lab	29.335, 59.082, -66.016
Binary	10000111, 00001011, 10110010

#870bb2
```
#870bb2 rgb(135,11,178)
```
#36b20b
```
#36b20b rgb(54,178,11)
```

Complementary Color

#340bb2
```
#340bb2 rgb(52,11,178)
```
#870bb2
```
#870bb2 rgb(135,11,178)
```
#b20b8a
```
#b20b8a rgb(178,11,138)
```

Analogous Color

#0bb233
```
#0bb233 rgb(11,178,51)
```
#870bb2
```
#870bb2 rgb(135,11,178)
```
#8ab20b
```
#8ab20b rgb(138,178,11)
```

Split Complementary Color

#0bb287
```
#0bb287 rgb(11,178,135)
```
#870bb2
```
#870bb2 rgb(135,11,178)
```
#b2870b
```
#b2870b rgb(178,135,11)
```

Triadic Color

#0b36b2
```
#0b36b2 rgb(11,54,178)
```
#870bb2
```
#870bb2 rgb(135,11,178)
```
#b2870b
```
#b2870b rgb(178,135,11)
```
#36b20b
```
#36b20b rgb(54,178,11)
```

Tetradic Color

#50076a
```
#50076a rgb(80,7,106)
```
#630882
```
#630882 rgb(99,8,130)
```
#750a9a
```
#750a9a rgb(117,10,154)
```
#870bb2
```
#870bb2 rgb(135,11,178)
```
#990cca
```
#990cca rgb(153,12,202)
```
#ab0ee2
```
#ab0ee2 rgb(171,14,226)
```
#b919f1
```
#b919f1 rgb(185,25,241)
```

Monochromatic Color

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

#5d0bb2
```
#5d0bb2 rgb(93,11,178)
```
#6b0bb2
```
#6b0bb2 rgb(107,11,178)
```
#790bb2
```
#790bb2 rgb(121,11,178)
```
#870bb2
```
#870bb2 rgb(135,11,178)
```
#950bb2
```
#950bb2 rgb(149,11,178)
```
#a30bb2
```
#a30bb2 rgb(163,11,178)
```
#b10bb2
```
#b10bb2 rgb(177,11,178)
```

Similar Colors

Text with hexadecimal color #870bb2

This text has a font color of #870bb2.

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

#870bb2 background color

This paragraph has a background color of #870bb2.

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

#870bb2 border color

This element has a border color of #870bb2.

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

CSS codes

.text {color:#870bb2;}

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

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

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, #09010c is the darkest color, while #fdf8ff is the lightest one.

#09010c
```
#09010c rgb(9,1,12)
```
#17021e
```
#17021e rgb(23,2,30)
```
#250331
```
#250331 rgb(37,3,49)
```
#330443
```
#330443 rgb(51,4,67)
```
#410556
```
#410556 rgb(65,5,86)
```
#4f0668
```
#4f0668 rgb(79,6,104)
```
#5d087b
```
#5d087b rgb(93,8,123)
```
#6b098d
```
#6b098d rgb(107,9,141)
```
#790aa0
```
#790aa0 rgb(121,10,160)
```
#870bb2
```
#870bb2 rgb(135,11,178)
```
#950cc4
```
#950cc4 rgb(149,12,196)
```
#a30dd7
```
#a30dd7 rgb(163,13,215)
```
#b10ee9
```
#b10ee9 rgb(177,14,233)
```

Shade Color Variation

#ba1bf1
```
#ba1bf1 rgb(186,27,241)
```
#bf2df2
```
#bf2df2 rgb(191,45,242)
```
#c540f3
```
#c540f3 rgb(197,64,243)
```
#cb52f4
```
#cb52f4 rgb(203,82,244)
```
#d064f5
```
#d064f5 rgb(208,100,245)
```
#d677f7
```
#d677f7 rgb(214,119,247)
```
#db89f8
```
#db89f8 rgb(219,137,248)
```
#e19cf9
```
#e19cf9 rgb(225,156,249)
```
#e7aefa
```
#e7aefa rgb(231,174,250)
```
#ecc1fb
```
#ecc1fb rgb(236,193,251)
```
#f2d3fc
```
#f2d3fc rgb(242,211,252)
```
#f7e6fd
```
#f7e6fd rgb(247,230,253)
```
#fdf8ff
```
#fdf8ff rgb(253,248,255)
```

Tint Color Variation

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

#605b62
```
#605b62 rgb(96,91,98)
```
#645469
```
#645469 rgb(100,84,105)
```
#674c71
```
#674c71 rgb(103,76,113)
```
#6b4578
```
#6b4578 rgb(107,69,120)
```
#6e3e7f
```
#6e3e7f rgb(110,62,127)
```
#723786
```
#723786 rgb(114,55,134)
```
#752f8e
```
#752f8e rgb(117,47,142)
```
#792895
```
#792895 rgb(121,40,149)
```
#7c219c
```
#7c219c rgb(124,33,156)
```
#801aa3
```
#801aa3 rgb(128,26,163)
```
#8312ab
```
#8312ab rgb(131,18,171)
```
#870bb2
```
#870bb2 rgb(135,11,178)
```
#8b04b9
```
#8b04b9 rgb(139,4,185)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#513859 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005d99 Deuteranopia 1% of men
#7b4f54 Tritanopia 0.001% of the population

Trichromacy

#313caf Protanomaly 1% of men, 0.01% of women
#313fa2 Deuteranomaly 6% of men, 0.4% of women
#7f3676 Tritanomaly 0.01% of the population

#870bb2 hex color

#870bb2 Color Information

#870bb2 Color Conversion

Color Schemes with #870bb2

Alternatives to #870bb2

#870bb2 Preview

Shades and Tints of #870bb2

Tones of #870bb2

Color Blindness Simulator