#870ba8 hex color

In a RGB color space, hex #870ba8 is composed of 52.9% red, 4.3% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 19.6% cyan, 93.5% magenta, 0% yellow and 34.1% black. It has a hue angle of 287.4 degrees, a saturation of 87.7% and a lightness of 35.1%. #870ba8 color hex could be obtained by blending #ff16ff with #0f0051. Closest websafe color is: #990099.

♥
- f
- t
- g
- R 53
- G 4
- B 66
RGB color chart
- C 20
- M 93
- Y 0
- K 34
CMYK color chart

● #870ba8 color description : Dark magenta.

The hexadecimal color #870ba8 has RGB values of R:135, G:11, B:168 and CMYK values of C:0.2, M:0.93, Y:0, K:0.34. Its decimal value is 8850344.

Hex triplet	870ba8	`#870ba8`
RGB Decimal	135, 11, 168	`rgb(135,11,168)`
RGB Percent	52.9, 4.3, 65.9	`rgb(52.9%,4.3%,65.9%)`
CMYK	20, 93, 0, 34
HSL	287.4°, 87.7, 35.1	`hsl(287.4,87.7%,35.1%)`
HSV (or HSB)	287.4°, 93.5, 65.9
Web Safe	990099	`#990099`

CIE-LAB	34.433, 65.311, -53.517
XYZ	17.178, 8.218, 37.725
xyY	0.272, 0.13, 8.218
CIE-LCH	34.433, 84.437, 320.668
CIE-LUV	34.433, 32.715, -79.102
Hunter-Lab	28.667, 56.795, -57.956
Binary	10000111, 00001011, 10101000

#870ba8
```
#870ba8 rgb(135,11,168)
```
#2ca80b
```
#2ca80b rgb(44,168,11)
```

Complementary Color

#390ba8
```
#390ba8 rgb(57,11,168)
```
#870ba8
```
#870ba8 rgb(135,11,168)
```
#a80b7b
```
#a80b7b rgb(168,11,123)
```

Analogous Color

#0ba839
```
#0ba839 rgb(11,168,57)
```
#870ba8
```
#870ba8 rgb(135,11,168)
```
#7ba80b
```
#7ba80b rgb(123,168,11)
```

Split Complementary Color

#0ba887
```
#0ba887 rgb(11,168,135)
```
#870ba8
```
#870ba8 rgb(135,11,168)
```
#a8870b
```
#a8870b rgb(168,135,11)
```

Triadic Color

#0b2ca8
```
#0b2ca8 rgb(11,44,168)
```
#870ba8
```
#870ba8 rgb(135,11,168)
```
#a8870b
```
#a8870b rgb(168,135,11)
```
#2ca80b
```
#2ca80b rgb(44,168,11)
```

Tetradic Color

#4d0660
```
#4d0660 rgb(77,6,96)
```
#610878
```
#610878 rgb(97,8,120)
```
#740990
```
#740990 rgb(116,9,144)
```
#870ba8
```
#870ba8 rgb(135,11,168)
```
#9a0dc0
```
#9a0dc0 rgb(154,13,192)
```
#ad0ed8
```
#ad0ed8 rgb(173,14,216)
```
#c010ef
```
#c010ef rgb(192,16,239)
```

Monochromatic Color

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

#600ba8
```
#600ba8 rgb(96,11,168)
```
#6d0ba8
```
#6d0ba8 rgb(109,11,168)
```
#7a0ba8
```
#7a0ba8 rgb(122,11,168)
```
#870ba8
```
#870ba8 rgb(135,11,168)
```
#940ba8
```
#940ba8 rgb(148,11,168)
```
#a10ba8
```
#a10ba8 rgb(161,11,168)
```
#a80ba2
```
#a80ba2 rgb(168,11,162)
```

Similar Colors

Text with hexadecimal color #870ba8

This text has a font color of #870ba8.

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

#870ba8 background color

This paragraph has a background color of #870ba8.

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

#870ba8 border color

This element has a border color of #870ba8.

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

CSS codes

.text {color:#870ba8;}

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

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

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

#020002
```
#020002 rgb(2,0,2)
```
#110115
```
#110115 rgb(17,1,21)
```
#1f0327
```
#1f0327 rgb(31,3,39)
```
#2e043a
```
#2e043a rgb(46,4,58)
```
#3d054c
```
#3d054c rgb(61,5,76)
```
#4c065e
```
#4c065e rgb(76,6,94)
```
#5b0771
```
#5b0771 rgb(91,7,113)
```
#690983
```
#690983 rgb(105,9,131)
```
#780a96
```
#780a96 rgb(120,10,150)
```
#870ba8
```
#870ba8 rgb(135,11,168)
```
#960cba
```
#960cba rgb(150,12,186)
```
#a50dcd
```
#a50dcd rgb(165,13,205)
```
#b30fdf
```
#b30fdf rgb(179,15,223)
```

Shade Color Variation

#c112ef
```
#c112ef rgb(193,18,239)
```
#c624f1
```
#c624f1 rgb(198,36,241)
```
#cb37f2
```
#cb37f2 rgb(203,55,242)
```
#cf49f3
```
#cf49f3 rgb(207,73,243)
```
#d45cf4
```
#d45cf4 rgb(212,92,244)
```
#d96ef6
```
#d96ef6 rgb(217,110,246)
```
#de80f7
```
#de80f7 rgb(222,128,247)
```
#e393f8
```
#e393f8 rgb(227,147,248)
```
#e7a5f9
```
#e7a5f9 rgb(231,165,249)
```
#ecb8fa
```
#ecb8fa rgb(236,184,250)
```
#f1cafc
```
#f1cafc rgb(241,202,252)
```
#f6dcfd
```
#f6dcfd rgb(246,220,253)
```
#fbeffe
```
#fbeffe rgb(251,239,254)
```

Tint Color Variation

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

#5b575c
```
#5b575c rgb(91,87,92)
```
#5f5063
```
#5f5063 rgb(95,80,99)
```
#63496a
```
#63496a rgb(99,73,106)
```
#674271
```
#674271 rgb(103,66,113)
```
#6b3b78
```
#6b3b78 rgb(107,59,120)
```
#6f347f
```
#6f347f rgb(111,52,127)
```
#732d86
```
#732d86 rgb(115,45,134)
```
#77278c
```
#77278c rgb(119,39,140)
```
#7b2093
```
#7b2093 rgb(123,32,147)
```
#7f199a
```
#7f199a rgb(127,25,154)
```
#8312a1
```
#8312a1 rgb(131,18,161)
```
#870ba8
```
#870ba8 rgb(135,11,168)
```
#8b04af
```
#8b04af rgb(139,4,175)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#503756 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005b97 Deuteranopia 1% of men
#7e4b50 Tritanopia 0.001% of the population

Trichromacy

#313ba9 Protanomaly 1% of men, 0.01% of women
#313e9d Deuteranomaly 6% of men, 0.4% of women
#813370 Tritanomaly 0.01% of the population

#870ba8 hex color

#870ba8 Color Information

#870ba8 Color Conversion

Color Schemes with #870ba8

Alternatives to #870ba8

#870ba8 Preview

Shades and Tints of #870ba8

Tones of #870ba8

Color Blindness Simulator