#bd1686 hex color

In a RGB color space, hex #bd1686 is composed of 74.1% red, 8.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.4% magenta, 29.1% yellow and 25.9% black. It has a hue angle of 319.8 degrees, a saturation of 79.1% and a lightness of 41.4%. #bd1686 color hex could be obtained by blending #ff2cff with #7b000d. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 74
- G 9
- B 53
RGB color chart
- C 0
- M 88
- Y 29
- K 26
CMYK color chart

● #bd1686 color description : Strong pink.

The hexadecimal color #bd1686 has RGB values of R:189, G:22, B:134 and CMYK values of C:0, M:0.88, Y:0.29, K:0.26. Its decimal value is 12392070.

Hex triplet	bd1686	`#bd1686`
RGB Decimal	189, 22, 134	`rgb(189,22,134)`
RGB Percent	74.1, 8.6, 52.5	`rgb(74.1%,8.6%,52.5%)`
CMYK	0, 88, 29, 26
HSL	319.8°, 79.1, 41.4	`hsl(319.8,79.1%,41.4%)`
HSV (or HSB)	319.8°, 88.4, 74.1
Web Safe	cc0099	`#cc0099`

CIE-LAB	42.938, 68.76, -18.754
XYZ	25.577, 13.116, 23.738
xyY	0.41, 0.21, 13.116
CIE-LCH	42.938, 71.272, 344.744
CIE-LUV	42.938, 84.116, -36.941
Hunter-Lab	36.216, 62.68, -13.51
Binary	10111101, 00010110, 10000110

#bd1686
```
#bd1686 rgb(189,22,134)
```
#16bd4d
```
#16bd4d rgb(22,189,77)
```

Complementary Color

#a116bd
```
#a116bd rgb(161,22,189)
```
#bd1686
```
#bd1686 rgb(189,22,134)
```
#bd1633
```
#bd1633 rgb(189,22,51)
```

Analogous Color

#16bda1
```
#16bda1 rgb(22,189,161)
```
#bd1686
```
#bd1686 rgb(189,22,134)
```
#32bd16
```
#32bd16 rgb(50,189,22)
```

Split Complementary Color

#1686bd
```
#1686bd rgb(22,134,189)
```
#bd1686
```
#bd1686 rgb(189,22,134)
```
#86bd16
```
#86bd16 rgb(134,189,22)
```

Triadic Color

#4d16bd
```
#4d16bd rgb(77,22,189)
```
#bd1686
```
#bd1686 rgb(189,22,134)
```
#86bd16
```
#86bd16 rgb(134,189,22)
```
#16bd4d
```
#16bd4d rgb(22,189,77)
```

Tetradic Color

#780e55
```
#780e55 rgb(120,14,85)
```
#8f1166
```
#8f1166 rgb(143,17,102)
```
#a61376
```
#a61376 rgb(166,19,118)
```
#bd1686
```
#bd1686 rgb(189,22,134)
```
#d41996
```
#d41996 rgb(212,25,150)
```
#e521a4
```
#e521a4 rgb(229,33,164)
```
#e838ae
```
#e838ae rgb(232,56,174)
```

Monochromatic Color

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

#bd16b0
```
#bd16b0 rgb(189,22,176)
```
#bd16a2
```
#bd16a2 rgb(189,22,162)
```
#bd1694
```
#bd1694 rgb(189,22,148)
```
#bd1686
```
#bd1686 rgb(189,22,134)
```
#bd1678
```
#bd1678 rgb(189,22,120)
```
#bd166a
```
#bd166a rgb(189,22,106)
```
#bd165c
```
#bd165c rgb(189,22,92)
```

Similar Colors

Text with hexadecimal color #bd1686

This text has a font color of #bd1686.

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

#bd1686 background color

This paragraph has a background color of #bd1686.

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

#bd1686 border color

This element has a border color of #bd1686.

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

CSS codes

.text {color:#bd1686;}

.background {background-color:#bd1686;}

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

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, #0d0209 is the darkest color, while #fffbfd is the lightest one.

#0d0209
```
#0d0209 rgb(13,2,9)
```
#1f0416
```
#1f0416 rgb(31,4,22)
```
#300622
```
#300622 rgb(48,6,34)
```
#42082f
```
#42082f rgb(66,8,47)
```
#540a3b
```
#540a3b rgb(84,10,59)
```
#650c48
```
#650c48 rgb(101,12,72)
```
#770e54
```
#770e54 rgb(119,14,84)
```
#881061
```
#881061 rgb(136,16,97)
```
#9a126d
```
#9a126d rgb(154,18,109)
```
#ab147a
```
#ab147a rgb(171,20,122)
```
#bd1686
```
#bd1686 rgb(189,22,134)
```
#cf1892
```
#cf1892 rgb(207,24,146)
```
#e01a9f
```
#e01a9f rgb(224,26,159)
```

Shade Color Variation

#e628a7
```
#e628a7 rgb(230,40,167)
```
#e839af
```
#e839af rgb(232,57,175)
```
#ea4bb6
```
#ea4bb6 rgb(234,75,182)
```
#ec5dbd
```
#ec5dbd rgb(236,93,189)
```
#ee6ec4
```
#ee6ec4 rgb(238,110,196)
```
#f080cb
```
#f080cb rgb(240,128,203)
```
#f291d2
```
#f291d2 rgb(242,145,210)
```
#f4a3d9
```
#f4a3d9 rgb(244,163,217)
```
#f6b4e1
```
#f6b4e1 rgb(246,180,225)
```
#f8c6e8
```
#f8c6e8 rgb(248,198,232)
```
#fad8ef
```
#fad8ef rgb(250,216,239)
```
#fce9f6
```
#fce9f6 rgb(252,233,246)
```
#fffbfd
```
#fffbfd rgb(255,251,253)
```

Tint Color Variation

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

#6c676a
```
#6c676a rgb(108,103,106)
```
#745f6d
```
#745f6d rgb(116,95,109)
```
#7c5770
```
#7c5770 rgb(124,87,112)
```
#844f73
```
#844f73 rgb(132,79,115)
```
#8c4775
```
#8c4775 rgb(140,71,117)
```
#943f78
```
#943f78 rgb(148,63,120)
```
#9d367b
```
#9d367b rgb(157,54,123)
```
#a52e7e
```
#a52e7e rgb(165,46,126)
```
#ad2680
```
#ad2680 rgb(173,38,128)
```
#b51e83
```
#b51e83 rgb(181,30,131)
```
#bd1686
```
#bd1686 rgb(189,22,134)
```
#c50e89
```
#c50e89 rgb(197,14,137)
```
#cd068c
```
#cd068c rgb(205,6,140)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#6a485f Atypical Achromatopsia 0.001% of the population

Dichromacy

#476ab6 Protanopia 1% of men
#6e6b7f Deuteranopia 1% of men
#ba4144 Tritanopia 0.001% of the population

Trichromacy

#724ca4 Protanomaly 1% of men, 0.01% of women
#8a4c81 Deuteranomaly 6% of men, 0.4% of women
#bb315c Tritanomaly 0.01% of the population

#bd1686 hex color

#bd1686 Color Information

#bd1686 Color Conversion

Color Schemes with #bd1686

Alternatives to #bd1686

#bd1686 Preview

Shades and Tints of #bd1686

Tones of #bd1686

Color Blindness Simulator