#b476b4 hex color

In a RGB color space, hex #b476b4 is composed of 70.6% red, 46.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 300 degrees, a saturation of 29.2% and a lightness of 58.4%. #b476b4 color hex could be obtained by blending #ffecff with #690069. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 71
- G 46
- B 71
RGB color chart
- C 0
- M 34
- Y 0
- K 29
CMYK color chart

● #b476b4 color description : Slightly desaturated magenta.

The hexadecimal color #b476b4 has RGB values of R:180, G:118, B:180 and CMYK values of C:0, M:0.34, Y:0, K:0.29. Its decimal value is 11826868.

Hex triplet	b476b4	`#b476b4`
RGB Decimal	180, 118, 180	`rgb(180,118,180)`
RGB Percent	70.6, 46.3, 70.6	`rgb(70.6%,46.3%,70.6%)`
CMYK	0, 34, 0, 29
HSL	300°, 29.2, 58.4	`hsl(300,29.2%,58.4%)`
HSV (or HSB)	300°, 34.4, 70.6
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	57.996, 34.374, -22.948
XYZ	33.538, 25.957, 46.421
xyY	0.317, 0.245, 25.957
CIE-LCH	57.996, 41.33, 326.273
CIE-LUV	57.996, 30.762, -39.787
Hunter-Lab	50.948, 28.346, -18.359
Binary	10110100, 01110110, 10110100

#b476b4
```
#b476b4 rgb(180,118,180)
```
#76b476
```
#76b476 rgb(118,180,118)
```

Complementary Color

#9576b4
```
#9576b4 rgb(149,118,180)
```
#b476b4
```
#b476b4 rgb(180,118,180)
```
#b47695
```
#b47695 rgb(180,118,149)
```

Analogous Color

#76b495
```
#76b495 rgb(118,180,149)
```
#b476b4
```
#b476b4 rgb(180,118,180)
```
#95b476
```
#95b476 rgb(149,180,118)
```

Split Complementary Color

#76b4b4
```
#76b4b4 rgb(118,180,180)
```
#b476b4
```
#b476b4 rgb(180,118,180)
```
#b4b476
```
#b4b476 rgb(180,180,118)
```

Triadic Color

#7676b4
```
#7676b4 rgb(118,118,180)
```
#b476b4
```
#b476b4 rgb(180,118,180)
```
#b4b476
```
#b4b476 rgb(180,180,118)
```
#76b476
```
#76b476 rgb(118,180,118)
```

Tetradic Color

#8f4e8f
```
#8f4e8f rgb(143,78,143)
```
#a057a0
```
#a057a0 rgb(160,87,160)
```
#ab66ab
```
#ab66ab rgb(171,102,171)
```
#b476b4
```
#b476b4 rgb(180,118,180)
```
#bd86bd
```
#bd86bd rgb(189,134,189)
```
#c697c6
```
#c697c6 rgb(198,151,198)
```
#cfa7cf
```
#cfa7cf rgb(207,167,207)
```

Monochromatic Color

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

#a576b4
```
#a576b4 rgb(165,118,180)
```
#aa76b4
```
#aa76b4 rgb(170,118,180)
```
#af76b4
```
#af76b4 rgb(175,118,180)
```
#b476b4
```
#b476b4 rgb(180,118,180)
```
#b476af
```
#b476af rgb(180,118,175)
```
#b476aa
```
#b476aa rgb(180,118,170)
```
#b476a5
```
#b476a5 rgb(180,118,165)
```

Similar Colors

Text with hexadecimal color #b476b4

This text has a font color of #b476b4.

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

#b476b4 background color

This paragraph has a background color of #b476b4.

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

#b476b4 border color

This element has a border color of #b476b4.

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

CSS codes

.text {color:#b476b4;}

.background {background-color:#b476b4;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0f080f
```
#0f080f rgb(15,8,15)
```
#1c0f1c
```
#1c0f1c rgb(28,15,28)
```
#281628
```
#281628 rgb(40,22,40)
```
#351d35
```
#351d35 rgb(53,29,53)
```
#422442
```
#422442 rgb(66,36,66)
```
#4e2b4e
```
#4e2b4e rgb(78,43,78)
```
#5b325b
```
#5b325b rgb(91,50,91)
```
#683968
```
#683968 rgb(104,57,104)
```
#754075
```
#754075 rgb(117,64,117)
```
#814781
```
#814781 rgb(129,71,129)
```
#8e4e8e
```
#8e4e8e rgb(142,78,142)
```
#9b559b
```
#9b559b rgb(155,85,155)
```

Shade Color Variation

#a65da6
```
#a65da6 rgb(166,93,166)
```
#ad69ad
```
#ad69ad rgb(173,105,173)
```
#b476b4
```
#b476b4 rgb(180,118,180)
```
#bb83bb
```
#bb83bb rgb(187,131,187)
```
#c28fc2
```
#c28fc2 rgb(194,143,194)
```
#c99cc9
```
#c99cc9 rgb(201,156,201)
```
#d0a9d0
```
#d0a9d0 rgb(208,169,208)
```
#d7b5d7
```
#d7b5d7 rgb(215,181,215)
```
#dec2de
```
#dec2de rgb(222,194,222)
```
#e5cfe5
```
#e5cfe5 rgb(229,207,229)
```
#ecdbec
```
#ecdbec rgb(236,219,236)
```
#f2e8f2
```
#f2e8f2 rgb(242,232,242)
```
#f9f5f9
```
#f9f5f9 rgb(249,245,249)
```

Tint Color Variation

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

#9c8e9c
```
#9c8e9c rgb(156,142,156)
```
#a486a4
```
#a486a4 rgb(164,134,164)
```
#ac7eac
```
#ac7eac rgb(172,126,172)
```
#b476b4
```
#b476b4 rgb(180,118,180)
```
#bc6ebc
```
#bc6ebc rgb(188,110,188)
```
#c466c4
```
#c466c4 rgb(196,102,196)
```
#cc5ecc
```
#cc5ecc rgb(204,94,204)
```
#d555d5
```
#d555d5 rgb(213,85,213)
```
#dd4ddd
```
#dd4ddd rgb(221,77,221)
```
#e545e5
```
#e545e5 rgb(229,69,229)
```
#ed3ded
```
#ed3ded rgb(237,61,237)
```
#f535f5
```
#f535f5 rgb(245,53,245)
```
#fd2dfd
```
#fd2dfd rgb(253,45,253)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#978b97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#808fc4 Protanopia 1% of men
#8c8eb2 Deuteranopia 1% of men
#b1858f Tritanopia 0.001% of the population

Trichromacy

#9386be Protanomaly 1% of men, 0.01% of women
#9b85b3 Deuteranomaly 6% of men, 0.4% of women
#b2809c Tritanomaly 0.01% of the population

#b476b4 hex color

#b476b4 Color Information

#b476b4 Color Conversion

Color Schemes with #b476b4

Alternatives to #b476b4

#b476b4 Preview

Shades and Tints of #b476b4

Tones of #b476b4

Color Blindness Simulator