#b678c4 hex color

In a RGB color space, hex #b678c4 is composed of 71.4% red, 47.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 7.1% cyan, 38.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 288.9 degrees, a saturation of 39.2% and a lightness of 62%. #b678c4 color hex could be obtained by blending #fff0ff with #6d0089. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 71
- G 47
- B 77
RGB color chart
- C 7
- M 39
- Y 0
- K 23
CMYK color chart

● #b678c4 color description : Slightly desaturated magenta.

The hexadecimal color #b678c4 has RGB values of R:182, G:120, B:196 and CMYK values of C:0.07, M:0.39, Y:0, K:0.23. Its decimal value is 11958468.

Hex triplet	b678c4	`#b678c4`
RGB Decimal	182, 120, 196	`rgb(182,120,196)`
RGB Percent	71.4, 47.1, 76.9	`rgb(71.4%,47.1%,76.9%)`
CMYK	7, 39, 0, 23
HSL	288.9°, 39.2, 62	`hsl(288.9,39.2%,62%)`
HSV (or HSB)	288.9°, 38.8, 76.9
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	59.31, 37.051, -30.021
XYZ	35.97, 27.365, 55.609
xyY	0.302, 0.23, 27.365
CIE-LCH	59.31, 47.687, 320.983
CIE-LUV	59.31, 28.356, -51.463
Hunter-Lab	52.311, 31.196, -26.41
Binary	10110110, 01111000, 11000100

#b678c4
```
#b678c4 rgb(182,120,196)
```
#86c478
```
#86c478 rgb(134,196,120)
```

Complementary Color

#9078c4
```
#9078c4 rgb(144,120,196)
```
#b678c4
```
#b678c4 rgb(182,120,196)
```
#c478ac
```
#c478ac rgb(196,120,172)
```

Analogous Color

#78c490
```
#78c490 rgb(120,196,144)
```
#b678c4
```
#b678c4 rgb(182,120,196)
```
#acc478
```
#acc478 rgb(172,196,120)
```

Split Complementary Color

#78c4b6
```
#78c4b6 rgb(120,196,182)
```
#b678c4
```
#b678c4 rgb(182,120,196)
```
#c4b678
```
#c4b678 rgb(196,182,120)
```

Triadic Color

#7886c4
```
#7886c4 rgb(120,134,196)
```
#b678c4
```
#b678c4 rgb(182,120,196)
```
#c4b678
```
#c4b678 rgb(196,182,120)
```
#86c478
```
#86c478 rgb(134,196,120)
```

Tetradic Color

#9549a7
```
#9549a7 rgb(149,73,167)
```
#a355b4
```
#a355b4 rgb(163,85,180)
```
#ac66bc
```
#ac66bc rgb(172,102,188)
```
#b678c4
```
#b678c4 rgb(182,120,196)
```
#c08acc
```
#c08acc rgb(192,138,204)
```
#c99bd4
```
#c99bd4 rgb(201,155,212)
```
#d3addb
```
#d3addb rgb(211,173,219)
```

Monochromatic Color

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

#a378c4
```
#a378c4 rgb(163,120,196)
```
#a978c4
```
#a978c4 rgb(169,120,196)
```
#b078c4
```
#b078c4 rgb(176,120,196)
```
#b678c4
```
#b678c4 rgb(182,120,196)
```
#bc78c4
```
#bc78c4 rgb(188,120,196)
```
#c378c4
```
#c378c4 rgb(195,120,196)
```
#c478bf
```
#c478bf rgb(196,120,191)
```

Similar Colors

Text with hexadecimal color #b678c4

This text has a font color of #b678c4.

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

#b678c4 background color

This paragraph has a background color of #b678c4.

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

#b678c4 border color

This element has a border color of #b678c4.

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

CSS codes

.text {color:#b678c4;}

.background {background-color:#b678c4;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0e070f
```
#0e070f rgb(14,7,15)
```
#1a0d1d
```
#1a0d1d rgb(26,13,29)
```
#26132a
```
#26132a rgb(38,19,42)
```
#321938
```
#321938 rgb(50,25,56)
```
#3f1e46
```
#3f1e46 rgb(63,30,70)
```
#4b2453
```
#4b2453 rgb(75,36,83)
```
#572a61
```
#572a61 rgb(87,42,97)
```
#63306f
```
#63306f rgb(99,48,111)
```
#6f367c
```
#6f367c rgb(111,54,124)
```
#7c3c8a
```
#7c3c8a rgb(124,60,138)
```
#884298
```
#884298 rgb(136,66,152)
```
#9448a5
```
#9448a5 rgb(148,72,165)
```

Shade Color Variation

#a04fb2
```
#a04fb2 rgb(160,79,178)
```
#a75db8
```
#a75db8 rgb(167,93,184)
```
#af6abe
```
#af6abe rgb(175,106,190)
```
#b678c4
```
#b678c4 rgb(182,120,196)
```
#bd86ca
```
#bd86ca rgb(189,134,202)
```
#c593d0
```
#c593d0 rgb(197,147,208)
```
#cca1d6
```
#cca1d6 rgb(204,161,214)
```
#d4afdc
```
#d4afdc rgb(212,175,220)
```
#dbbce2
```
#dbbce2 rgb(219,188,226)
```
#e2cae8
```
#e2cae8 rgb(226,202,232)
```
#ead8ee
```
#ead8ee rgb(234,216,238)
```
#f1e5f4
```
#f1e5f4 rgb(241,229,244)
```
#f8f3fa
```
#f8f3fa rgb(248,243,250)
```

Tint Color Variation

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

#9e9d9f
```
#9e9d9f rgb(158,157,159)
```
#a396a6
```
#a396a6 rgb(163,150,166)
```
#a88eae
```
#a88eae rgb(168,142,174)
```
#ad87b5
```
#ad87b5 rgb(173,135,181)
```
#b17fbd
```
#b17fbd rgb(177,127,189)
```
#b678c4
```
#b678c4 rgb(182,120,196)
```
#bb71cb
```
#bb71cb rgb(187,113,203)
```
#bf69d3
```
#bf69d3 rgb(191,105,211)
```
#c462da
```
#c462da rgb(196,98,218)
```
#c95ae2
```
#c95ae2 rgb(201,90,226)
```
#ce53e9
```
#ce53e9 rgb(206,83,233)
```
#d24bf1
```
#d24bf1 rgb(210,75,241)
```
#d744f8
```
#d744f8 rgb(215,68,248)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9a8e9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c92d4 Protanopia 1% of men
#8892c0 Deuteranopia 1% of men
#b18a94 Tritanopia 0.001% of the population

Trichromacy

#9188ce Protanomaly 1% of men, 0.01% of women
#9888c1 Deuteranomaly 6% of men, 0.4% of women
#b383a5 Tritanomaly 0.01% of the population

#b678c4 hex color

#b678c4 Color Information

#b678c4 Color Conversion

Color Schemes with #b678c4

Alternatives to #b678c4

#b678c4 Preview

Shades and Tints of #b678c4

Tones of #b678c4

Color Blindness Simulator