#bdc3bf hex color

In a RGB color space, hex #bdc3bf is composed of 74.1% red, 76.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 3.1% cyan, 0% magenta, 2.1% yellow and 23.5% black. It has a hue angle of 140 degrees, a saturation of 4.8% and a lightness of 75.3%. #bdc3bf color hex could be obtained by blending #ffffff with #7b877f. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 76
- B 75
RGB color chart
- C 3
- M 0
- Y 2
- K 24
CMYK color chart

● #bdc3bf color description : Grayish cyan - lime green.

The hexadecimal color #bdc3bf has RGB values of R:189, G:195, B:191 and CMYK values of C:0.03, M:0, Y:0.02, K:0.24. Its decimal value is 12436415.

Hex triplet	bdc3bf	`#bdc3bf`
RGB Decimal	189, 195, 191	`rgb(189,195,191)`
RGB Percent	74.1, 76.5, 74.9	`rgb(74.1%,76.5%,74.9%)`
CMYK	3, 0, 2, 24
HSL	140°, 4.8, 75.3	`hsl(140,4.8%,75.3%)`
HSV (or HSB)	140°, 3.1, 76.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.234, -2.814, 1.278
XYZ	49.904, 53.61, 57.006
xyY	0.311, 0.334, 53.61
CIE-LCH	78.234, 3.09, 155.574
CIE-LUV	78.234, -3.162, 2.393
Hunter-Lab	73.219, -6.474, 5.092
Binary	10111101, 11000011, 10111111

#bdc3bf
```
#bdc3bf rgb(189,195,191)
```
#c3bdc1
```
#c3bdc1 rgb(195,189,193)
```

Complementary Color

#bec3bd
```
#bec3bd rgb(190,195,189)
```
#bdc3bf
```
#bdc3bf rgb(189,195,191)
```
#bdc3c2
```
#bdc3c2 rgb(189,195,194)
```

Analogous Color

#c3bdbe
```
#c3bdbe rgb(195,189,190)
```
#bdc3bf
```
#bdc3bf rgb(189,195,191)
```
#c2bdc3
```
#c2bdc3 rgb(194,189,195)
```

Split Complementary Color

#c3bfbd
```
#c3bfbd rgb(195,191,189)
```
#bdc3bf
```
#bdc3bf rgb(189,195,191)
```
#bfbdc3
```
#bfbdc3 rgb(191,189,195)
```

Triadic Color

#c1c3bd
```
#c1c3bd rgb(193,195,189)
```
#bdc3bf
```
#bdc3bf rgb(189,195,191)
```
#bfbdc3
```
#bfbdc3 rgb(191,189,195)
```
#c3bdc1
```
#c3bdc1 rgb(195,189,193)
```

Tetradic Color

#959f98
```
#959f98 rgb(149,159,152)
```
#a2aba5
```
#a2aba5 rgb(162,171,165)
```
#b0b7b2
```
#b0b7b2 rgb(176,183,178)
```
#bdc3bf
```
#bdc3bf rgb(189,195,191)
```
#cacfcc
```
#cacfcc rgb(202,207,204)
```
#d8dbd9
```
#d8dbd9 rgb(216,219,217)
```
#e5e7e6
```
#e5e7e6 rgb(229,231,230)
```

Monochromatic Color

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

#bdc3be
```
#bdc3be rgb(189,195,190)
```
#bdc3be
```
#bdc3be rgb(189,195,190)
```
#bdc3bf
```
#bdc3bf rgb(189,195,191)
```
#bdc3bf
```
#bdc3bf rgb(189,195,191)
```
#bdc3c0
```
#bdc3c0 rgb(189,195,192)
```
#bdc3c0
```
#bdc3c0 rgb(189,195,192)
```
#bdc3c1
```
#bdc3c1 rgb(189,195,193)
```

Similar Colors

Text with hexadecimal color #bdc3bf

This text has a font color of #bdc3bf.

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

#bdc3bf background color

This paragraph has a background color of #bdc3bf.

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

#bdc3bf border color

This element has a border color of #bdc3bf.

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

CSS codes

.text {color:#bdc3bf;}

.background {background-color:#bdc3bf;}

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

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

#050606
```
#050606 rgb(5,6,6)
```
#0f100f
```
#0f100f rgb(15,16,15)
```
#181a19
```
#181a19 rgb(24,26,25)
```
#212523
```
#212523 rgb(33,37,35)
```
#2b2f2c
```
#2b2f2c rgb(43,47,44)
```
#343936
```
#343936 rgb(52,57,54)
```
#3d443f
```
#3d443f rgb(61,68,63)
```
#474e49
```
#474e49 rgb(71,78,73)
```
#505853
```
#505853 rgb(80,88,83)
```
#59625c
```
#59625c rgb(89,98,92)
```
#636d66
```
#636d66 rgb(99,109,102)
```
#6c7770
```
#6c7770 rgb(108,119,112)
```
#758179
```
#758179 rgb(117,129,121)
```

Shade Color Variation

#7f8b83
```
#7f8b83 rgb(127,139,131)
```
#8a948d
```
#8a948d rgb(138,148,141)
```
#949e97
```
#949e97 rgb(148,158,151)
```
#9ea7a1
```
#9ea7a1 rgb(158,167,161)
```
#a8b0ab
```
#a8b0ab rgb(168,176,171)
```
#b3bab5
```
#b3bab5 rgb(179,186,181)
```
#bdc3bf
```
#bdc3bf rgb(189,195,191)
```
#c7ccc9
```
#c7ccc9 rgb(199,204,201)
```
#d2d6d3
```
#d2d6d3 rgb(210,214,211)
```
#dcdfdd
```
#dcdfdd rgb(220,223,221)
```
#e6e8e7
```
#e6e8e7 rgb(230,232,231)
```
#f0f2f1
```
#f0f2f1 rgb(240,242,241)
```
#fbfbfb
```
#fbfbfb rgb(251,251,251)
```

Tint Color Variation

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

#bdc3bf
```
#bdc3bf rgb(189,195,191)
```
#b8c8bd
```
#b8c8bd rgb(184,200,189)
```
#b3cdbc
```
#b3cdbc rgb(179,205,188)
```
#aed2ba
```
#aed2ba rgb(174,210,186)
```
#aad6b9
```
#aad6b9 rgb(170,214,185)
```
#a5dbb7
```
#a5dbb7 rgb(165,219,183)
```
#a0e0b5
```
#a0e0b5 rgb(160,224,181)
```
#9be5b4
```
#9be5b4 rgb(155,229,180)
```
#96eab2
```
#96eab2 rgb(150,234,178)
```
#91efb0
```
#91efb0 rgb(145,239,176)
```
#8df3af
```
#8df3af rgb(141,243,175)
```
#88f8ad
```
#88f8ad rgb(136,248,173)
```
#83fdac
```
#83fdac rgb(131,253,172)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c0c1c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c3c1 Protanopia 1% of men
#d6bec4 Deuteranopia 1% of men
#c3c3d1 Tritanopia 0.001% of the population

Trichromacy

#c4c3c0 Protanomaly 1% of men, 0.01% of women
#cdc0c2 Deuteranomaly 6% of men, 0.4% of women
#c1c3ca Tritanomaly 0.01% of the population

#bdc3bf hex color

#bdc3bf Color Information

#bdc3bf Color Conversion

Color Schemes with #bdc3bf

Alternatives to #bdc3bf

#bdc3bf Preview

Shades and Tints of #bdc3bf

Tones of #bdc3bf

Color Blindness Simulator