#bcbdb2 hex color

In a RGB color space, hex #bcbdb2 is composed of 73.7% red, 74.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0.5% cyan, 0% magenta, 5.8% yellow and 25.9% black. It has a hue angle of 65.5 degrees, a saturation of 7.7% and a lightness of 72%. #bcbdb2 color hex could be obtained by blending #ffffff with #797b65. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 74
- G 74
- B 70
RGB color chart
- C 1
- M 0
- Y 6
- K 26
CMYK color chart

● #bcbdb2 color description : Grayish yellow.

The hexadecimal color #bcbdb2 has RGB values of R:188, G:189, B:178 and CMYK values of C:0.01, M:0, Y:0.06, K:0.26. Its decimal value is 12369330.

Hex triplet	bcbdb2	`#bcbdb2`
RGB Decimal	188, 189, 178	`rgb(188,189,178)`
RGB Percent	73.7, 74.1, 69.8	`rgb(73.7%,74.1%,69.8%)`
CMYK	1, 0, 6, 26
HSL	65.5°, 7.7, 72	`hsl(65.5,7.7%,72%)`
HSV (or HSB)	65.5°, 5.8, 74.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	76.254, -2.338, 5.428
XYZ	46.971, 50.301, 49.352
xyY	0.32, 0.343, 50.301
CIE-LCH	76.254, 5.91, 113.308
CIE-LUV	76.254, 0.029, 8.356
Hunter-Lab	70.923, -5.898, 8.39
Binary	10111100, 10111101, 10110010

#bcbdb2
```
#bcbdb2 rgb(188,189,178)
```
#b3b2bd
```
#b3b2bd rgb(179,178,189)
```

Complementary Color

#bdb9b2
```
#bdb9b2 rgb(189,185,178)
```
#bcbdb2
```
#bcbdb2 rgb(188,189,178)
```
#b7bdb2
```
#b7bdb2 rgb(183,189,178)
```

Analogous Color

#b9b2bd
```
#b9b2bd rgb(185,178,189)
```
#bcbdb2
```
#bcbdb2 rgb(188,189,178)
```
#b2b7bd
```
#b2b7bd rgb(178,183,189)
```

Split Complementary Color

#bdb2bc
```
#bdb2bc rgb(189,178,188)
```
#bcbdb2
```
#bcbdb2 rgb(188,189,178)
```
#b2bcbd
```
#b2bcbd rgb(178,188,189)
```

Triadic Color

#bdb3b2
```
#bdb3b2 rgb(189,179,178)
```
#bcbdb2
```
#bcbdb2 rgb(188,189,178)
```
#b2bcbd
```
#b2bcbd rgb(178,188,189)
```
#b3b2bd
```
#b3b2bd rgb(179,178,189)
```

Tetradic Color

#989a89
```
#989a89 rgb(152,154,137)
```
#a4a597
```
#a4a597 rgb(164,165,151)
```
#b0b1a4
```
#b0b1a4 rgb(176,177,164)
```
#bcbdb2
```
#bcbdb2 rgb(188,189,178)
```
#c8c9c0
```
#c8c9c0 rgb(200,201,192)
```
#d4d5cd
```
#d4d5cd rgb(212,213,205)
```
#e0e0db
```
#e0e0db rgb(224,224,219)
```

Monochromatic Color

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

#bdbbb2
```
#bdbbb2 rgb(189,187,178)
```
#bdbcb2
```
#bdbcb2 rgb(189,188,178)
```
#bdbdb2
```
#bdbdb2 rgb(189,189,178)
```
#bcbdb2
```
#bcbdb2 rgb(188,189,178)
```
#bbbdb2
```
#bbbdb2 rgb(187,189,178)
```
#babdb2
```
#babdb2 rgb(186,189,178)
```
#b9bdb2
```
#b9bdb2 rgb(185,189,178)
```

Similar Colors

Text with hexadecimal color #bcbdb2

This text has a font color of #bcbdb2.

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

#bcbdb2 background color

This paragraph has a background color of #bcbdb2.

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

#bcbdb2 border color

This element has a border color of #bcbdb2.

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

CSS codes

.text {color:#bcbdb2;}

.background {background-color:#bcbdb2;}

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

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

#070706
```
#070706 rgb(7,7,6)
```
#12120f
```
#12120f rgb(18,18,15)
```
#1c1d19
```
#1c1d19 rgb(28,29,25)
```
#272722
```
#272722 rgb(39,39,34)
```
#31322b
```
#31322b rgb(49,50,43)
```
#3c3c34
```
#3c3c34 rgb(60,60,52)
```
#46473d
```
#46473d rgb(70,71,61)
```
#505146
```
#505146 rgb(80,81,70)
```
#5b5c4f
```
#5b5c4f rgb(91,92,79)
```
#656758
```
#656758 rgb(101,103,88)
```
#707161
```
#707161 rgb(112,113,97)
```
#7a7c6a
```
#7a7c6a rgb(122,124,106)
```
#848673
```
#848673 rgb(132,134,115)
```

Shade Color Variation

#8e907d
```
#8e907d rgb(142,144,125)
```
#979988
```
#979988 rgb(151,153,136)
```
#a0a292
```
#a0a292 rgb(160,162,146)
```
#aaab9d
```
#aaab9d rgb(170,171,157)
```
#b3b4a7
```
#b3b4a7 rgb(179,180,167)
```
#bcbdb2
```
#bcbdb2 rgb(188,189,178)
```
#c5c6bd
```
#c5c6bd rgb(197,198,189)
```
#cecfc7
```
#cecfc7 rgb(206,207,199)
```
#d8d8d2
```
#d8d8d2 rgb(216,216,210)
```
#e1e1dc
```
#e1e1dc rgb(225,225,220)
```
#eaeae7
```
#eaeae7 rgb(234,234,231)
```
#f3f3f1
```
#f3f3f1 rgb(243,243,241)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#b8b8b8
```
#b8b8b8 rgb(184,184,184)
```
#bcbdb2
```
#bcbdb2 rgb(188,189,178)
```
#c1c3ad
```
#c1c3ad rgb(193,195,173)
```
#c5c8a7
```
#c5c8a7 rgb(197,200,167)
```
#cacea2
```
#cacea2 rgb(202,206,162)
```
#ced39c
```
#ced39c rgb(206,211,156)
```
#d3d997
```
#d3d997 rgb(211,217,151)
```
#d7de91
```
#d7de91 rgb(215,222,145)
```
#dce48c
```
#dce48c rgb(220,228,140)
```
#e0e986
```
#e0e986 rgb(224,233,134)
```
#e5ef81
```
#e5ef81 rgb(229,239,129)
```
#e9f47b
```
#e9f47b rgb(233,244,123)
```
#eefa76
```
#eefa76 rgb(238,250,118)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bbbbb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5beb5 Protanopia 1% of men
#d4b9b8 Deuteranopia 1% of men
#c3bdca Tritanopia 0.001% of the population

Trichromacy

#c1beb4 Protanomaly 1% of men, 0.01% of women
#cbbab5 Deuteranomaly 6% of men, 0.4% of women
#c0bdc1 Tritanomaly 0.01% of the population

#bcbdb2 hex color

#bcbdb2 Color Information

#bcbdb2 Color Conversion

Color Schemes with #bcbdb2

Alternatives to #bcbdb2

#bcbdb2 Preview

Shades and Tints of #bcbdb2

Tones of #bcbdb2

Color Blindness Simulator