#b878dc hex color

In a RGB color space, hex #b878dc is composed of 72.2% red, 47.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 16.4% cyan, 45.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 278.4 degrees, a saturation of 58.8% and a lightness of 66.7%. #b878dc color hex could be obtained by blending #fff0ff with #7100b9. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 72
- G 47
- B 86
RGB color chart
- C 16
- M 45
- Y 0
- K 14
CMYK color chart

● #b878dc color description : Soft violet.

The hexadecimal color #b878dc has RGB values of R:184, G:120, B:220 and CMYK values of C:0.16, M:0.45, Y:0, K:0.14. Its decimal value is 12089564.

Hex triplet	b878dc	`#b878dc`
RGB Decimal	184, 120, 220	`rgb(184,120,220)`
RGB Percent	72.2, 47.1, 86.3	`rgb(72.2%,47.1%,86.3%)`
CMYK	16, 45, 0, 14
HSL	278.4°, 58.8, 66.7	`hsl(278.4,58.8%,66.7%)`
HSV (or HSB)	278.4°, 45.5, 86.3
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	60.597, 42.652, -41.521
XYZ	39.4, 28.791, 71.188
xyY	0.283, 0.207, 28.791
CIE-LCH	60.597, 59.524, 315.77
CIE-LUV	60.597, 25.436, -70.87
Hunter-Lab	53.658, 37.169, -41.1
Binary	10111000, 01111000, 11011100

#b878dc
```
#b878dc rgb(184,120,220)
```
#9cdc78
```
#9cdc78 rgb(156,220,120)
```

Complementary Color

#8678dc
```
#8678dc rgb(134,120,220)
```
#b878dc
```
#b878dc rgb(184,120,220)
```
#dc78ce
```
#dc78ce rgb(220,120,206)
```

Analogous Color

#78dc86
```
#78dc86 rgb(120,220,134)
```
#b878dc
```
#b878dc rgb(184,120,220)
```
#cedc78
```
#cedc78 rgb(206,220,120)
```

Split Complementary Color

#78dcb8
```
#78dcb8 rgb(120,220,184)
```
#b878dc
```
#b878dc rgb(184,120,220)
```
#dcb878
```
#dcb878 rgb(220,184,120)
```

Triadic Color

#789cdc
```
#789cdc rgb(120,156,220)
```
#b878dc
```
#b878dc rgb(184,120,220)
```
#dcb878
```
#dcb878 rgb(220,184,120)
```
#9cdc78
```
#9cdc78 rgb(156,220,120)
```

Tetradic Color

#983bcc
```
#983bcc rgb(152,59,204)
```
#a350d2
```
#a350d2 rgb(163,80,210)
```
#ad64d7
```
#ad64d7 rgb(173,100,215)
```
#b878dc
```
#b878dc rgb(184,120,220)
```
#c38ce1
```
#c38ce1 rgb(195,140,225)
```
#cda1e7
```
#cda1e7 rgb(205,161,231)
```
#d8b5ec
```
#d8b5ec rgb(216,181,236)
```

Monochromatic Color

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

#9f78dc
```
#9f78dc rgb(159,120,220)
```
#a778dc
```
#a778dc rgb(167,120,220)
```
#b078dc
```
#b078dc rgb(176,120,220)
```
#b878dc
```
#b878dc rgb(184,120,220)
```
#c078dc
```
#c078dc rgb(192,120,220)
```
#c978dc
```
#c978dc rgb(201,120,220)
```
#d178dc
```
#d178dc rgb(209,120,220)
```

Similar Colors

Text with hexadecimal color #b878dc

This text has a font color of #b878dc.

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

#b878dc background color

This paragraph has a background color of #b878dc.

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

#b878dc border color

This element has a border color of #b878dc.

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

CSS codes

.text {color:#b878dc;}

.background {background-color:#b878dc;}

.border {border:1px solid #b878dc;}

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

#040105
```
#040105 rgb(4,1,5)
```
#0f0515
```
#0f0515 rgb(15,5,21)
```
#1b0924
```
#1b0924 rgb(27,9,36)
```
#260d34
```
#260d34 rgb(38,13,52)
```
#321244
```
#321244 rgb(50,18,68)
```
#3d1653
```
#3d1653 rgb(61,22,83)
```
#481a63
```
#481a63 rgb(72,26,99)
```
#541e72
```
#541e72 rgb(84,30,114)
```
#5f2282
```
#5f2282 rgb(95,34,130)
```
#6b2691
```
#6b2691 rgb(107,38,145)
```
#762aa1
```
#762aa1 rgb(118,42,161)
```
#812eb1
```
#812eb1 rgb(129,46,177)
```
#8d32c0
```
#8d32c0 rgb(141,50,192)
```

Shade Color Variation

#973acc
```
#973acc rgb(151,58,204)
```
#9f49d0
```
#9f49d0 rgb(159,73,208)
```
#a859d4
```
#a859d4 rgb(168,89,212)
```
#b068d8
```
#b068d8 rgb(176,104,216)
```
#b878dc
```
#b878dc rgb(184,120,220)
```
#c088e0
```
#c088e0 rgb(192,136,224)
```
#c897e4
```
#c897e4 rgb(200,151,228)
```
#d1a7e8
```
#d1a7e8 rgb(209,167,232)
```
#d9b6ec
```
#d9b6ec rgb(217,182,236)
```
#e1c6f0
```
#e1c6f0 rgb(225,198,240)
```
#e9d5f4
```
#e9d5f4 rgb(233,213,244)
```
#f1e5f8
```
#f1e5f8 rgb(241,229,248)
```
#faf5fc
```
#faf5fc rgb(250,245,252)
```

Tint Color Variation

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

#aba6ae
```
#aba6ae rgb(171,166,174)
```
#ad9fb5
```
#ad9fb5 rgb(173,159,181)
```
#af99bb
```
#af99bb rgb(175,153,187)
```
#b192c2
```
#b192c2 rgb(177,146,194)
```
#b38cc8
```
#b38cc8 rgb(179,140,200)
```
#b485cf
```
#b485cf rgb(180,133,207)
```
#b67fd5
```
#b67fd5 rgb(182,127,213)
```
#b878dc
```
#b878dc rgb(184,120,220)
```
#ba71e3
```
#ba71e3 rgb(186,113,227)
```
#bc6be9
```
#bc6be9 rgb(188,107,233)
```
#bd64f0
```
#bd64f0 rgb(189,100,240)
```
#bf5ef6
```
#bf5ef6 rgb(191,94,246)
```
#c157fd
```
#c157fd rgb(193,87,253)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9e91a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7094ee Protanopia 1% of men
#7c96d5 Deuteranopia 1% of men
#af8f99 Tritanopia 0.001% of the population

Trichromacy

#8a8ae7 Protanomaly 1% of men, 0.01% of women
#918bd8 Deuteranomaly 6% of men, 0.4% of women
#b287b1 Tritanomaly 0.01% of the population

#b878dc hex color

#b878dc Color Information

#b878dc Color Conversion

Color Schemes with #b878dc

Alternatives to #b878dc

#b878dc Preview

Shades and Tints of #b878dc

Tones of #b878dc

Color Blindness Simulator