#bdd2af hex color

In a RGB color space, hex #bdd2af is composed of 74.1% red, 82.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 0% magenta, 16.7% yellow and 17.6% black. It has a hue angle of 96 degrees, a saturation of 28% and a lightness of 75.5%. #bdd2af color hex could be obtained by blending #ffffff with #7ba55f. 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

● #bdd2af color description : Grayish green.

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

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

CIE-LAB	81.842, -13.399, 15.002
XYZ	51.769, 60.007, 49.41
xyY	0.321, 0.372, 60.007
CIE-LCH	81.842, 20.115, 131.771
CIE-LUV	81.842, -10.22, 24.027
Hunter-Lab	77.464, -16.271, 16.407
Binary	10111101, 11010010, 10101111

#bdd2af
```
#bdd2af rgb(189,210,175)
```
#c4afd2
```
#c4afd2 rgb(196,175,210)
```

Complementary Color

#cfd2af
```
#cfd2af rgb(207,210,175)
```
#bdd2af
```
#bdd2af rgb(189,210,175)
```
#afd2b3
```
#afd2b3 rgb(175,210,179)
```

Analogous Color

#d2afcf
```
#d2afcf rgb(210,175,207)
```
#bdd2af
```
#bdd2af rgb(189,210,175)
```
#b3afd2
```
#b3afd2 rgb(179,175,210)
```

Split Complementary Color

#d2afbd
```
#d2afbd rgb(210,175,189)
```
#bdd2af
```
#bdd2af rgb(189,210,175)
```
#afbdd2
```
#afbdd2 rgb(175,189,210)
```

Triadic Color

#d2c4af
```
#d2c4af rgb(210,196,175)
```
#bdd2af
```
#bdd2af rgb(189,210,175)
```
#afbdd2
```
#afbdd2 rgb(175,189,210)
```
#c4afd2
```
#c4afd2 rgb(196,175,210)
```

Tetradic Color

#95b67e
```
#95b67e rgb(149,182,126)
```
#a2c08e
```
#a2c08e rgb(162,192,142)
```
#b0c99f
```
#b0c99f rgb(176,201,159)
```
#bdd2af
```
#bdd2af rgb(189,210,175)
```
#cadbbf
```
#cadbbf rgb(202,219,191)
```
#d8e4d0
```
#d8e4d0 rgb(216,228,208)
```
#e5eee0
```
#e5eee0 rgb(229,238,224)
```

Monochromatic Color

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

#c6d2af
```
#c6d2af rgb(198,210,175)
```
#c3d2af
```
#c3d2af rgb(195,210,175)
```
#c0d2af
```
#c0d2af rgb(192,210,175)
```
#bdd2af
```
#bdd2af rgb(189,210,175)
```
#bad2af
```
#bad2af rgb(186,210,175)
```
#b7d2af
```
#b7d2af rgb(183,210,175)
```
#b4d2af
```
#b4d2af rgb(180,210,175)
```

Similar Colors

Text with hexadecimal color #bdd2af

This text has a font color of #bdd2af.

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

#bdd2af background color

This paragraph has a background color of #bdd2af.

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

#bdd2af border color

This element has a border color of #bdd2af.

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

CSS codes

.text {color:#bdd2af;}

.background {background-color:#bdd2af;}

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

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)
```
#222e1a
```
#222e1a rgb(34,46,26)
```
#2b3a21
```
#2b3a21 rgb(43,58,33)
```
#344728
```
#344728 rgb(52,71,40)
```
#3d532f
```
#3d532f rgb(61,83,47)
```
#476036
```
#476036 rgb(71,96,54)
```
#506c3d
```
#506c3d rgb(80,108,61)
```
#597944
```
#597944 rgb(89,121,68)
```
#62854b
```
#62854b rgb(98,133,75)
```
#6c9252
```
#6c9252 rgb(108,146,82)
```
#759f59
```
#759f59 rgb(117,159,89)
```

Shade Color Variation

#7fa864
```
#7fa864 rgb(127,168,100)
```
#89af70
```
#89af70 rgb(137,175,112)
```
#94b67d
```
#94b67d rgb(148,182,125)
```
#9ebd89
```
#9ebd89 rgb(158,189,137)
```
#a8c496
```
#a8c496 rgb(168,196,150)
```
#b3cba2
```
#b3cba2 rgb(179,203,162)
```
#bdd2af
```
#bdd2af rgb(189,210,175)
```
#c7d9bc
```
#c7d9bc rgb(199,217,188)
```
#d2e0c8
```
#d2e0c8 rgb(210,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 #b4fd84 is the most saturated one.

#c0c4bd
```
#c0c4bd rgb(192,196,189)
```
#bfc8b9
```
#bfc8b9 rgb(191,200,185)
```
#becdb4
```
#becdb4 rgb(190,205,180)
```
#bdd2af
```
#bdd2af rgb(189,210,175)
```
#bcd7aa
```
#bcd7aa rgb(188,215,170)
```
#bbdca5
```
#bbdca5 rgb(187,220,165)
```
#bae0a1
```
#bae0a1 rgb(186,224,161)
```
#b9e59c
```
#b9e59c rgb(185,229,156)
```
#b8ea97
```
#b8ea97 rgb(184,234,151)
```
#b7ef92
```
#b7ef92 rgb(183,239,146)
```
#b6f48d
```
#b6f48d rgb(182,244,141)
```
#b5f889
```
#b5f889 rgb(181,248,137)
```
#b4fd84
```
#b4fd84 rgb(180,253,132)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c6cac3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8cdb0 Protanopia 1% of men
#e9c7b7 Deuteranopia 1% of men
#c8cedd Tritanopia 0.001% of the population

Trichromacy

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

#bdd2af hex color

#bdd2af Color Information

#bdd2af Color Conversion

Color Schemes with #bdd2af

Alternatives to #bdd2af

#bdd2af Preview

Shades and Tints of #bdd2af

Tones of #bdd2af

Color Blindness Simulator