#bcd2af hex color

In a RGB color space, hex #bcd2af is composed of 73.7% red, 82.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 10.5% cyan, 0% magenta, 16.7% yellow and 17.6% black. It has a hue angle of 97.7 degrees, a saturation of 28% and a lightness of 75.5%. #bcd2af color hex could be obtained by blending #ffffff with #79a55f. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 74
- G 82
- B 69
RGB color chart
- C 10
- M 0
- Y 17
- K 18
CMYK color chart

● #bcd2af color description : Grayish green.

The hexadecimal color #bcd2af has RGB values of R:188, G:210, B:175 and CMYK values of C:0.1, M:0, Y:0.17, K:0.18. Its decimal value is 12374703.

Hex triplet	bcd2af	`#bcd2af`
RGB Decimal	188, 210, 175	`rgb(188,210,175)`
RGB Percent	73.7, 82.4, 68.6	`rgb(73.7%,82.4%,68.6%)`
CMYK	10, 0, 17, 18
HSL	97.7°, 28, 75.5	`hsl(97.7,28%,75.5%)`
HSV (or HSB)	97.7°, 16.7, 82.4
Web Safe	cccc99	`#cccc99`

CIE-LAB	81.772, -13.752, 14.894
XYZ	51.522, 59.879, 49.399
xyY	0.32, 0.372, 59.879
CIE-LCH	81.772, 20.272, 132.716
CIE-LUV	81.772, -10.769, 23.939
Hunter-Lab	77.382, -16.57, 16.318
Binary	10111100, 11010010, 10101111

#bcd2af
```
#bcd2af rgb(188,210,175)
```
#c5afd2
```
#c5afd2 rgb(197,175,210)
```

Complementary Color

#ced2af
```
#ced2af rgb(206,210,175)
```
#bcd2af
```
#bcd2af rgb(188,210,175)
```
#afd2b4
```
#afd2b4 rgb(175,210,180)
```

Analogous Color

#d2afce
```
#d2afce rgb(210,175,206)
```
#bcd2af
```
#bcd2af rgb(188,210,175)
```
#b4afd2
```
#b4afd2 rgb(180,175,210)
```

Split Complementary Color

#d2afbc
```
#d2afbc rgb(210,175,188)
```
#bcd2af
```
#bcd2af rgb(188,210,175)
```
#afbcd2
```
#afbcd2 rgb(175,188,210)
```

Triadic Color

#d2c5af
```
#d2c5af rgb(210,197,175)
```
#bcd2af
```
#bcd2af rgb(188,210,175)
```
#afbcd2
```
#afbcd2 rgb(175,188,210)
```
#c5afd2
```
#c5afd2 rgb(197,175,210)
```

Tetradic Color

#93b67e
```
#93b67e rgb(147,182,126)
```
#a1c08e
```
#a1c08e rgb(161,192,142)
```
#aec99f
```
#aec99f rgb(174,201,159)
```
#bcd2af
```
#bcd2af rgb(188,210,175)
```
#cadbbf
```
#cadbbf rgb(202,219,191)
```
#d7e4d0
```
#d7e4d0 rgb(215,228,208)
```
#e5eee0
```
#e5eee0 rgb(229,238,224)
```

Monochromatic Color

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

#c5d2af
```
#c5d2af rgb(197,210,175)
```
#c2d2af
```
#c2d2af rgb(194,210,175)
```
#bfd2af
```
#bfd2af rgb(191,210,175)
```
#bcd2af
```
#bcd2af rgb(188,210,175)
```
#b9d2af
```
#b9d2af rgb(185,210,175)
```
#b6d2af
```
#b6d2af rgb(182,210,175)
```
#b3d2af
```
#b3d2af rgb(179,210,175)
```

Similar Colors

Text with hexadecimal color #bcd2af

This text has a font color of #bcd2af.

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

#bcd2af background color

This paragraph has a background color of #bcd2af.

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

#bcd2af border color

This element has a border color of #bcd2af.

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

CSS codes

.text {color:#bcd2af;}

.background {background-color:#bcd2af;}

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

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

#060804
```
#060804 rgb(6,8,4)
```
#0f140b
```
#0f140b rgb(15,20,11)
```
#182113
```
#182113 rgb(24,33,19)
```
#212e1a
```
#212e1a rgb(33,46,26)
```
#2a3a21
```
#2a3a21 rgb(42,58,33)
```
#334728
```
#334728 rgb(51,71,40)
```
#3c532f
```
#3c532f rgb(60,83,47)
```
#456036
```
#456036 rgb(69,96,54)
```
#4f6c3d
```
#4f6c3d rgb(79,108,61)
```
#587944
```
#587944 rgb(88,121,68)
```
#61854b
```
#61854b rgb(97,133,75)
```
#6a9252
```
#6a9252 rgb(106,146,82)
```
#739f59
```
#739f59 rgb(115,159,89)
```

Shade Color Variation

#7da864
```
#7da864 rgb(125,168,100)
```
#87af70
```
#87af70 rgb(135,175,112)
```
#92b67d
```
#92b67d rgb(146,182,125)
```
#9cbd89
```
#9cbd89 rgb(156,189,137)
```
#a7c496
```
#a7c496 rgb(167,196,150)
```
#b1cba2
```
#b1cba2 rgb(177,203,162)
```
#bcd2af
```
#bcd2af rgb(188,210,175)
```
#c7d9bc
```
#c7d9bc rgb(199,217,188)
```
#d1e0c8
```
#d1e0c8 rgb(209,224,200)
```
#dce7d5
```
#dce7d5 rgb(220,231,213)
```
#e6eee1
```
#e6eee1 rgb(230,238,225)
```
#f1f5ee
```
#f1f5ee rgb(241,245,238)
```
#fbfcfa
```
#fbfcfa rgb(251,252,250)
```

Tint Color Variation

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

#c0c4bd
```
#c0c4bd rgb(192,196,189)
```
#bec8b9
```
#bec8b9 rgb(190,200,185)
```
#bdcdb4
```
#bdcdb4 rgb(189,205,180)
```
#bcd2af
```
#bcd2af rgb(188,210,175)
```
#bbd7aa
```
#bbd7aa rgb(187,215,170)
```
#badca5
```
#badca5 rgb(186,220,165)
```
#b8e0a1
```
#b8e0a1 rgb(184,224,161)
```
#b7e59c
```
#b7e59c rgb(183,229,156)
```
#b6ea97
```
#b6ea97 rgb(182,234,151)
```
#b5ef92
```
#b5ef92 rgb(181,239,146)
```
#b3f48d
```
#b3f48d rgb(179,244,141)
```
#b2f889
```
#b2f889 rgb(178,248,137)
```
#b1fd84
```
#b1fd84 rgb(177,253,132)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c5c9c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8cdaf Protanopia 1% of men
#e9c6b7 Deuteranopia 1% of men
#c7cedd Tritanopia 0.001% of the population

Trichromacy

#cecfaf Protanomaly 1% of men, 0.01% of women
#d8cab4 Deuteranomaly 6% of men, 0.4% of women
#c3cfcc Tritanomaly 0.01% of the population

#bcd2af hex color

#bcd2af Color Information

#bcd2af Color Conversion

Color Schemes with #bcd2af

Alternatives to #bcd2af

#bcd2af Preview

Shades and Tints of #bcd2af

Tones of #bcd2af

Color Blindness Simulator