#bd6684 hex color

In a RGB color space, hex #bd6684 is composed of 74.1% red, 40% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46% magenta, 30.2% yellow and 25.9% black. It has a hue angle of 339.3 degrees, a saturation of 39.7% and a lightness of 57.1%. #bd6684 color hex could be obtained by blending #ffccff with #7b0009. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 74
- G 40
- B 52
RGB color chart
- C 0
- M 46
- Y 30
- K 26
CMYK color chart

● #bd6684 color description : Slightly desaturated pink.

The hexadecimal color #bd6684 has RGB values of R:189, G:102, B:132 and CMYK values of C:0, M:0.46, Y:0.3, K:0.26. Its decimal value is 12412548.

Hex triplet	bd6684	`#bd6684`
RGB Decimal	189, 102, 132	`rgb(189,102,132)`
RGB Percent	74.1, 40, 51.8	`rgb(74.1%,40%,51.8%)`
CMYK	0, 46, 30, 26
HSL	339.3°, 39.7, 57.1	`hsl(339.3,39.7%,57.1%)`
HSV (or HSB)	339.3°, 46, 74.1
Web Safe	cc6699	`#cc6699`

CIE-LAB	54.016, 38.271, -0.926
XYZ	29.903, 21.989, 24.498
xyY	0.391, 0.288, 21.989
CIE-LCH	54.016, 38.283, 358.614
CIE-LUV	54.016, 54.944, -8.098
Hunter-Lab	46.893, 31.763, 1.85
Binary	10111101, 01100110, 10000100

#bd6684
```
#bd6684 rgb(189,102,132)
```
#66bd9f
```
#66bd9f rgb(102,189,159)
```

Complementary Color

#bd66b0
```
#bd66b0 rgb(189,102,176)
```
#bd6684
```
#bd6684 rgb(189,102,132)
```
#bd7466
```
#bd7466 rgb(189,116,102)
```

Analogous Color

#66b0bd
```
#66b0bd rgb(102,176,189)
```
#bd6684
```
#bd6684 rgb(189,102,132)
```
#66bd74
```
#66bd74 rgb(102,189,116)
```

Split Complementary Color

#6684bd
```
#6684bd rgb(102,132,189)
```
#bd6684
```
#bd6684 rgb(189,102,132)
```
#84bd66
```
#84bd66 rgb(132,189,102)
```

Triadic Color

#9f66bd
```
#9f66bd rgb(159,102,189)
```
#bd6684
```
#bd6684 rgb(189,102,132)
```
#84bd66
```
#84bd66 rgb(132,189,102)
```
#66bd9f
```
#66bd9f rgb(102,189,159)
```

Tetradic Color

#96415e
```
#96415e rgb(150,65,94)
```
#a84869
```
#a84869 rgb(168,72,105)
```
#b55476
```
#b55476 rgb(181,84,118)
```
#bd6684
```
#bd6684 rgb(189,102,132)
```
#c57892
```
#c57892 rgb(197,120,146)
```
#cc8aa1
```
#cc8aa1 rgb(204,138,161)
```
#d49baf
```
#d49baf rgb(212,155,175)
```

Monochromatic Color

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

#bd669a
```
#bd669a rgb(189,102,154)
```
#bd6693
```
#bd6693 rgb(189,102,147)
```
#bd668b
```
#bd668b rgb(189,102,139)
```
#bd6684
```
#bd6684 rgb(189,102,132)
```
#bd667d
```
#bd667d rgb(189,102,125)
```
#bd6676
```
#bd6676 rgb(189,102,118)
```
#bd666e
```
#bd666e rgb(189,102,110)
```

Similar Colors

Text with hexadecimal color #bd6684

This text has a font color of #bd6684.

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

#bd6684 background color

This paragraph has a background color of #bd6684.

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

#bd6684 border color

This element has a border color of #bd6684.

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

CSS codes

.text {color:#bd6684;}

.background {background-color:#bd6684;}

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

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

#0b0507
```
#0b0507 rgb(11,5,7)
```
#190b10
```
#190b10 rgb(25,11,16)
```
#271118
```
#271118 rgb(39,17,24)
```
#351721
```
#351721 rgb(53,23,33)
```
#421d2a
```
#421d2a rgb(66,29,42)
```
#502232
```
#502232 rgb(80,34,50)
```
#5e283b
```
#5e283b rgb(94,40,59)
```
#6b2e43
```
#6b2e43 rgb(107,46,67)
```
#79344c
```
#79344c rgb(121,52,76)
```
#873a55
```
#873a55 rgb(135,58,85)
```
#94405d
```
#94405d rgb(148,64,93)
```
#a24666
```
#a24666 rgb(162,70,102)
```
#b04c6e
```
#b04c6e rgb(176,76,110)
```

Shade Color Variation

#b75879
```
#b75879 rgb(183,88,121)
```
#bd6684
```
#bd6684 rgb(189,102,132)
```
#c3748f
```
#c3748f rgb(195,116,143)
```
#c9819a
```
#c9819a rgb(201,129,154)
```
#cf8fa5
```
#cf8fa5 rgb(207,143,165)
```
#d59db0
```
#d59db0 rgb(213,157,176)
```
#dbabbb
```
#dbabbb rgb(219,171,187)
```
#e0b8c6
```
#e0b8c6 rgb(224,184,198)
```
#e6c6d1
```
#e6c6d1 rgb(230,198,209)
```
#ecd4dc
```
#ecd4dc rgb(236,212,220)
```
#f2e1e7
```
#f2e1e7 rgb(242,225,231)
```
#f8eff2
```
#f8eff2 rgb(248,239,242)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#939091
```
#939091 rgb(147,144,145)
```
#9b888e
```
#9b888e rgb(155,136,142)
```
#a47f8c
```
#a47f8c rgb(164,127,140)
```
#ac7789
```
#ac7789 rgb(172,119,137)
```
#b56e87
```
#b56e87 rgb(181,110,135)
```
#bd6684
```
#bd6684 rgb(189,102,132)
```
#c55e81
```
#c55e81 rgb(197,94,129)
```
#ce557f
```
#ce557f rgb(206,85,127)
```
#d64d7c
```
#d64d7c rgb(214,77,124)
```
#df447a
```
#df447a rgb(223,68,122)
```
#e73c77
```
#e73c77 rgb(231,60,119)
```
#f03374
```
#f03374 rgb(240,51,116)
```
#f82b72
```
#f82b72 rgb(248,43,114)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8f7d83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#848697 Protanopia 1% of men
#958384 Deuteranopia 1% of men
#be7178 Tritanopia 0.001% of the population

Trichromacy

#997a90 Protanomaly 1% of men, 0.01% of women
#a37884 Deuteranomaly 6% of men, 0.4% of women
#be6d7c Tritanomaly 0.01% of the population

#bd6684 hex color

#bd6684 Color Information

#bd6684 Color Conversion

Color Schemes with #bd6684

Alternatives to #bd6684

#bd6684 Preview

Shades and Tints of #bd6684

Tones of #bd6684

Color Blindness Simulator