#b486a0 hex color

In a RGB color space, hex #b486a0 is composed of 70.6% red, 52.5% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.6% magenta, 11.1% yellow and 29.4% black. It has a hue angle of 326.1 degrees, a saturation of 23.5% and a lightness of 61.6%. #b486a0 color hex could be obtained by blending #ffffff with #690d41. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 71
- G 53
- B 63
RGB color chart
- C 0
- M 26
- Y 11
- K 29
CMYK color chart

● #b486a0 color description : Slightly desaturated pink.

The hexadecimal color #b486a0 has RGB values of R:180, G:134, B:160 and CMYK values of C:0, M:0.26, Y:0.11, K:0.29. Its decimal value is 11830944.

Hex triplet	b486a0	`#b486a0`
RGB Decimal	180, 134, 160	`rgb(180,134,160)`
RGB Percent	70.6, 52.5, 62.7	`rgb(70.6%,52.5%,62.7%)`
CMYK	0, 26, 11, 29
HSL	326.1°, 23.5, 61.6	`hsl(326.1,23.5%,61.6%)`
HSV (or HSB)	326.1°, 25.6, 70.6
Web Safe	cc9999	`#cc9999`

CIE-LAB	61.039, 21.796, -6.909
XYZ	33.692, 29.293, 37.135
xyY	0.337, 0.293, 29.293
CIE-LCH	61.039, 22.865, 342.412
CIE-LUV	61.039, 25.976, -13.716
Hunter-Lab	54.123, 16.404, -2.795
Binary	10110100, 10000110, 10100000

#b486a0
```
#b486a0 rgb(180,134,160)
```
#86b49a
```
#86b49a rgb(134,180,154)
```

Complementary Color

#b186b4
```
#b186b4 rgb(177,134,180)
```
#b486a0
```
#b486a0 rgb(180,134,160)
```
#b48689
```
#b48689 rgb(180,134,137)
```

Analogous Color

#86b4b1
```
#86b4b1 rgb(134,180,177)
```
#b486a0
```
#b486a0 rgb(180,134,160)
```
#89b486
```
#89b486 rgb(137,180,134)
```

Split Complementary Color

#86a0b4
```
#86a0b4 rgb(134,160,180)
```
#b486a0
```
#b486a0 rgb(180,134,160)
```
#a0b486
```
#a0b486 rgb(160,180,134)
```

Triadic Color

#9a86b4
```
#9a86b4 rgb(154,134,180)
```
#b486a0
```
#b486a0 rgb(180,134,160)
```
#a0b486
```
#a0b486 rgb(160,180,134)
```
#86b49a
```
#86b49a rgb(134,180,154)
```

Tetradic Color

#935b7a
```
#935b7a rgb(147,91,122)
```
#a06787
```
#a06787 rgb(160,103,135)
```
#aa7694
```
#aa7694 rgb(170,118,148)
```
#b486a0
```
#b486a0 rgb(180,134,160)
```
#be96ac
```
#be96ac rgb(190,150,172)
```
#c8a5b9
```
#c8a5b9 rgb(200,165,185)
```
#d1b5c5
```
#d1b5c5 rgb(209,181,197)
```

Monochromatic Color

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

#b486ac
```
#b486ac rgb(180,134,172)
```
#b486a8
```
#b486a8 rgb(180,134,168)
```
#b486a4
```
#b486a4 rgb(180,134,164)
```
#b486a0
```
#b486a0 rgb(180,134,160)
```
#b4869c
```
#b4869c rgb(180,134,156)
```
#b48698
```
#b48698 rgb(180,134,152)
```
#b48695
```
#b48695 rgb(180,134,149)
```

Similar Colors

Text with hexadecimal color #b486a0

This text has a font color of #b486a0.

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

#b486a0 background color

This paragraph has a background color of #b486a0.

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

#b486a0 border color

This element has a border color of #b486a0.

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

CSS codes

.text {color:#b486a0;}

.background {background-color:#b486a0;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c080a
```
#0c080a rgb(12,8,10)
```
#180f14
```
#180f14 rgb(24,15,20)
```
#24171e
```
#24171e rgb(36,23,30)
```
#311e29
```
#311e29 rgb(49,30,41)
```
#3d2633
```
#3d2633 rgb(61,38,51)
```
#492d3d
```
#492d3d rgb(73,45,61)
```
#553547
```
#553547 rgb(85,53,71)
```
#613c51
```
#613c51 rgb(97,60,81)
```
#6d445b
```
#6d445b rgb(109,68,91)
```
#794b65
```
#794b65 rgb(121,75,101)
```
#85536f
```
#85536f rgb(133,83,111)
```
#915a79
```
#915a79 rgb(145,90,121)
```

Shade Color Variation

#9d6283
```
#9d6283 rgb(157,98,131)
```
#a56e8d
```
#a56e8d rgb(165,110,141)
```
#ac7a96
```
#ac7a96 rgb(172,122,150)
```
#b486a0
```
#b486a0 rgb(180,134,160)
```
#bc92aa
```
#bc92aa rgb(188,146,170)
```
#c39eb3
```
#c39eb3 rgb(195,158,179)
```
#cbaabd
```
#cbaabd rgb(203,170,189)
```
#d2b6c6
```
#d2b6c6 rgb(210,182,198)
```
#dac3d0
```
#dac3d0 rgb(218,195,208)
```
#e1cfd9
```
#e1cfd9 rgb(225,207,217)
```
#e9dbe3
```
#e9dbe3 rgb(233,219,227)
```
#f0e7ec
```
#f0e7ec rgb(240,231,236)
```
#f8f3f6
```
#f8f3f6 rgb(248,243,246)
```

Tint Color Variation

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

#9d9d9d
```
#9d9d9d rgb(157,157,157)
```
#a5959e
```
#a5959e rgb(165,149,158)
```
#ac8e9f
```
#ac8e9f rgb(172,142,159)
```
#b486a0
```
#b486a0 rgb(180,134,160)
```
#bc7ea1
```
#bc7ea1 rgb(188,126,161)
```
#c377a2
```
#c377a2 rgb(195,119,162)
```
#cb6fa3
```
#cb6fa3 rgb(203,111,163)
```
#d268a4
```
#d268a4 rgb(210,104,164)
```
#da60a5
```
#da60a5 rgb(218,96,165)
```
#e159a6
```
#e159a6 rgb(225,89,166)
```
#e951a7
```
#e951a7 rgb(233,81,167)
```
#f04aa8
```
#f04aa8 rgb(240,74,168)
```
#f842a9
```
#f842a9 rgb(248,66,169)
```

Tone Color Variation

Below, you can see how #b486a0 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
#9d9499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9597ab Protanopia 1% of men
#a294a2 Deuteranopia 1% of men
#b68e98 Tritanopia 0.001% of the population

Trichromacy

#a091a7 Protanomaly 1% of men, 0.01% of women
#a88fa1 Deuteranomaly 6% of men, 0.4% of women
#b58b9b Tritanomaly 0.01% of the population

#b486a0 hex color

#b486a0 Color Information

#b486a0 Color Conversion

Color Schemes with #b486a0

Alternatives to #b486a0

#b486a0 Preview

Shades and Tints of #b486a0

Tones of #b486a0

Color Blindness Simulator