colorhexa.com

#878cb0 hex color

In a RGB color space, hex #878cb0 is composed of 52.9% red, 54.9% green and 69% blue. Whereas in a CMYK color space, it is composed of 23.3% cyan, 20.5% magenta, 0% yellow and 31% black. It has a hue angle of 232.7 degrees, a saturation of 20.6% and a lightness of 61%. #878cb0 color hex could be obtained by blending #ffffff with #0f1961. Closest websafe color is: #999999.

- R 53
- G 55
- B 69
RGB color chart
- C 23
- M 20
- Y 0
- K 31
CMYK color chart

● #878cb0 color description : Dark grayish blue.

The hexadecimal color #878cb0 has RGB values of R:135, G:140, B:176 and CMYK values of C:0.23, M:0.2, Y:0, K:0.31. Its decimal value is 8883376.

Hex triplet	878cb0	`#878cb0`
RGB Decimal	135, 140, 176	`rgb(135,140,176)`
RGB Percent	52.9, 54.9, 69	`rgb(52.9%,54.9%,69%)`
CMYK	23, 20, 0, 31
HSL	232.7°, 20.6, 61	`hsl(232.7,20.6%,61%)`
HSV (or HSB)	232.7°, 23.3, 69
Web Safe	999999	`#999999`

CIE-LAB	59.013, 6.183, -19.487
XYZ	27.205, 27.041, 44.858
xyY	0.275, 0.273, 27.041
CIE-LCH	59.013, 20.444, 287.603
CIE-LUV	59.013, -4.645, -30.235
Hunter-Lab	52.001, 2.381, -14.745
Binary	10000111, 10001100, 10110000

#878cb0
```
#878cb0 rgb(135,140,176)
```
#b0ab87
```
#b0ab87 rgb(176,171,135)
```

Complementary Color

#87a1b0
```
#87a1b0 rgb(135,161,176)
```
#878cb0
```
#878cb0 rgb(135,140,176)
```
#9787b0
```
#9787b0 rgb(151,135,176)
```

Analogous Color

#a1b087
```
#a1b087 rgb(161,176,135)
```
#878cb0
```
#878cb0 rgb(135,140,176)
```
#b09787
```
#b09787 rgb(176,151,135)
```

Split Complementary Color

#8cb087
```
#8cb087 rgb(140,176,135)
```
#878cb0
```
#878cb0 rgb(135,140,176)
```
#b0878c
```
#b0878c rgb(176,135,140)
```

Triadic Color

#87b0ab
```
#87b0ab rgb(135,176,171)
```
#878cb0
```
#878cb0 rgb(135,140,176)
```
#b0878c
```
#b0878c rgb(176,135,140)
```
#b0ab87
```
#b0ab87 rgb(176,171,135)
```

Tetradic Color

#5d638d
```
#5d638d rgb(93,99,141)
```
#686f9c
```
#686f9c rgb(104,111,156)
```
#787da6
```
#787da6 rgb(120,125,166)
```
#878cb0
```
#878cb0 rgb(135,140,176)
```
#969bba
```
#969bba rgb(150,155,186)
```
#a6a9c4
```
#a6a9c4 rgb(166,169,196)
```
#b5b8ce
```
#b5b8ce rgb(181,184,206)
```

Monochromatic Color

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

#8796b0
```
#8796b0 rgb(135,150,176)
```
#8793b0
```
#8793b0 rgb(135,147,176)
```
#878fb0
```
#878fb0 rgb(135,143,176)
```
#878cb0
```
#878cb0 rgb(135,140,176)
```
#8789b0
```
#8789b0 rgb(135,137,176)
```
#8987b0
```
#8987b0 rgb(137,135,176)
```
#8c87b0
```
#8c87b0 rgb(140,135,176)
```

Similar Colors

Text with hexadecimal color #878cb0

This text has a font color of #878cb0.

<span style="color:#878cb0;">Text here</span>

#878cb0 background color

This paragraph has a background color of #878cb0.

<p style="background-color:#878cb0;">Content here</p>

#878cb0 border color

This element has a border color of #878cb0.

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

CSS codes

.text {color:#878cb0;}

.background {background-color:#878cb0;}

.border {border:1px solid #878cb0;}

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, #07070a is the darkest color, while #fdfdfe is the lightest one.

#07070a
```
#07070a rgb(7,7,10)
```
#0e0f16
```
#0e0f16 rgb(14,15,22)
```
#161822
```
#161822 rgb(22,24,34)
```
#1e202e
```
#1e202e rgb(30,32,46)
```
#262839
```
#262839 rgb(38,40,57)
```
#2e3045
```
#2e3045 rgb(46,48,69)
```
#353951
```
#353951 rgb(53,57,81)
```
#3d415d
```
#3d415d rgb(61,65,93)
```
#454969
```
#454969 rgb(69,73,105)
```
#4d5275
```
#4d5275 rgb(77,82,117)
```
#555a80
```
#555a80 rgb(85,90,128)
```
#5c628c
```
#5c628c rgb(92,98,140)
```
#646a98
```
#646a98 rgb(100,106,152)
```

Shade Color Variation

#6f75a0
```
#6f75a0 rgb(111,117,160)
```
#7b81a8
```
#7b81a8 rgb(123,129,168)
```
#878cb0
```
#878cb0 rgb(135,140,176)
```
#9397b8
```
#9397b8 rgb(147,151,184)
```
#9fa3c0
```
#9fa3c0 rgb(159,163,192)
```
#aaaec7
```
#aaaec7 rgb(170,174,199)
```
#b6b9cf
```
#b6b9cf rgb(182,185,207)
```
#c2c5d7
```
#c2c5d7 rgb(194,197,215)
```
#ced0df
```
#ced0df rgb(206,208,223)
```
#dadbe7
```
#dadbe7 rgb(218,219,231)
```
#e6e7ee
```
#e6e7ee rgb(230,231,238)
```
#f1f2f6
```
#f1f2f6 rgb(241,242,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9698a1 is the less saturated color, while #3a52fd is the most saturated one.

#9698a1
```
#9698a1 rgb(150,152,161)
```
#8f92a8
```
#8f92a8 rgb(143,146,168)
```
#878cb0
```
#878cb0 rgb(135,140,176)
```
#7f86b8
```
#7f86b8 rgb(127,134,184)
```
#7880bf
```
#7880bf rgb(120,128,191)
```
#707bc7
```
#707bc7 rgb(112,123,199)
```
#6875cf
```
#6875cf rgb(104,117,207)
```
#616fd6
```
#616fd6 rgb(97,111,214)
```
#5969de
```
#5969de rgb(89,105,222)
```
#5163e6
```
#5163e6 rgb(81,99,230)
```
#4a5eed
```
#4a5eed rgb(74,94,237)
```
#4258f5
```
#4258f5 rgb(66,88,245)
```
#3a52fd
```
#3a52fd rgb(58,82,253)
```

Tone Color Variation

Below, you can see how #878cb0 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

#8f8f8f Achromatopsia 0.005% of the population
#8d8e96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b92b4 Protanopia 1% of men
#9091b4 Deuteranopia 1% of men
#8895a0 Tritanopia 0.001% of the population

Trichromacy

#8990b2 Protanomaly 1% of men, 0.01% of women
#8c8fb2 Deuteranomaly 6% of men, 0.4% of women
#8892a6 Tritanomaly 0.01% of the population