#bdd3a2 hex color

In a RGB color space, hex #bdd3a2 is composed of 74.1% red, 82.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 0% magenta, 23.2% yellow and 17.3% black. It has a hue angle of 86.9 degrees, a saturation of 35.8% and a lightness of 73.1%. #bdd3a2 color hex could be obtained by blending #ffffff with #7ba745. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 74
- G 83
- B 64
RGB color chart
- C 10
- M 0
- Y 23
- K 17
CMYK color chart

● #bdd3a2 color description : Grayish green.

The hexadecimal color #bdd3a2 has RGB values of R:189, G:211, B:162 and CMYK values of C:0.1, M:0, Y:0.23, K:0.17. Its decimal value is 12440482.

Hex triplet	bdd3a2	`#bdd3a2`
RGB Decimal	189, 211, 162	`rgb(189,211,162)`
RGB Percent	74.1, 82.7, 63.5	`rgb(74.1%,82.7%,63.5%)`
CMYK	10, 0, 23, 17
HSL	86.9°, 35.8, 73.1	`hsl(86.9,35.8%,73.1%)`
HSV (or HSB)	86.9°, 23.2, 82.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	81.847, -15.982, 21.866
XYZ	50.801, 60.016, 43.088
xyY	0.33, 0.39, 60.016
CIE-LCH	81.847, 27.084, 126.164
CIE-LUV	81.847, -10.365, 33.681
Hunter-Lab	77.47, -18.521, 21.252
Binary	10111101, 11010011, 10100010

#bdd3a2
```
#bdd3a2 rgb(189,211,162)
```
#b8a2d3
```
#b8a2d3 rgb(184,162,211)
```

Complementary Color

#d3d1a2
```
#d3d1a2 rgb(211,209,162)
```
#bdd3a2
```
#bdd3a2 rgb(189,211,162)
```
#a5d3a2
```
#a5d3a2 rgb(165,211,162)
```

Analogous Color

#d1a2d3
```
#d1a2d3 rgb(209,162,211)
```
#bdd3a2
```
#bdd3a2 rgb(189,211,162)
```
#a2a5d3
```
#a2a5d3 rgb(162,165,211)
```

Split Complementary Color

#d3a2bd
```
#d3a2bd rgb(211,162,189)
```
#bdd3a2
```
#bdd3a2 rgb(189,211,162)
```
#a2bdd3
```
#a2bdd3 rgb(162,189,211)
```

Triadic Color

#d3b8a2
```
#d3b8a2 rgb(211,184,162)
```
#bdd3a2
```
#bdd3a2 rgb(189,211,162)
```
#a2bdd3
```
#a2bdd3 rgb(162,189,211)
```
#b8a2d3
```
#b8a2d3 rgb(184,162,211)
```

Tetradic Color

#98ba6e
```
#98ba6e rgb(152,186,110)
```
#a4c37f
```
#a4c37f rgb(164,195,127)
```
#b1cb91
```
#b1cb91 rgb(177,203,145)
```
#bdd3a2
```
#bdd3a2 rgb(189,211,162)
```
#c9dbb3
```
#c9dbb3 rgb(201,219,179)
```
#d6e3c5
```
#d6e3c5 rgb(214,227,197)
```
#e2ecd6
```
#e2ecd6 rgb(226,236,214)
```

Monochromatic Color

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

#c9d3a2
```
#c9d3a2 rgb(201,211,162)
```
#c5d3a2
```
#c5d3a2 rgb(197,211,162)
```
#c1d3a2
```
#c1d3a2 rgb(193,211,162)
```
#bdd3a2
```
#bdd3a2 rgb(189,211,162)
```
#b9d3a2
```
#b9d3a2 rgb(185,211,162)
```
#b5d3a2
```
#b5d3a2 rgb(181,211,162)
```
#b1d3a2
```
#b1d3a2 rgb(177,211,162)
```

Similar Colors

Text with hexadecimal color #bdd3a2

This text has a font color of #bdd3a2.

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

#bdd3a2 background color

This paragraph has a background color of #bdd3a2.

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

#bdd3a2 border color

This element has a border color of #bdd3a2.

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

CSS codes

.text {color:#bdd3a2;}

.background {background-color:#bdd3a2;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0a0e06
```
#0a0e06 rgb(10,14,6)
```
#141b0d
```
#141b0d rgb(20,27,13)
```
#1f2813
```
#1f2813 rgb(31,40,19)
```
#293519
```
#293519 rgb(41,53,25)
```
#334320
```
#334320 rgb(51,67,32)
```
#3d5026
```
#3d5026 rgb(61,80,38)
```
#475d2c
```
#475d2c rgb(71,93,44)
```
#516b32
```
#516b32 rgb(81,107,50)
```
#5c7839
```
#5c7839 rgb(92,120,57)
```
#66853f
```
#66853f rgb(102,133,63)
```
#709345
```
#709345 rgb(112,147,69)
```
#7aa04c
```
#7aa04c rgb(122,160,76)
```

Shade Color Variation

#84ad52
```
#84ad52 rgb(132,173,82)
```
#8eb45f
```
#8eb45f rgb(142,180,95)
```
#97ba6d
```
#97ba6d rgb(151,186,109)
```
#a1c07a
```
#a1c07a rgb(161,192,122)
```
#aac687
```
#aac687 rgb(170,198,135)
```
#b4cd95
```
#b4cd95 rgb(180,205,149)
```
#bdd3a2
```
#bdd3a2 rgb(189,211,162)
```
#c6d9af
```
#c6d9af rgb(198,217,175)
```
#d0e0bd
```
#d0e0bd rgb(208,224,189)
```
#d9e6ca
```
#d9e6ca rgb(217,230,202)
```
#e3ecd7
```
#e3ecd7 rgb(227,236,215)
```
#ecf2e5
```
#ecf2e5 rgb(236,242,229)
```
#f6f9f2
```
#f6f9f2 rgb(246,249,242)
```

Tint Color Variation

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

#bbbeb7
```
#bbbeb7 rgb(187,190,183)
```
#bbc3b2
```
#bbc3b2 rgb(187,195,178)
```
#bcc8ad
```
#bcc8ad rgb(188,200,173)
```
#bccea7
```
#bccea7 rgb(188,206,167)
```
#bdd3a2
```
#bdd3a2 rgb(189,211,162)
```
#bed89d
```
#bed89d rgb(190,216,157)
```
#bede97
```
#bede97 rgb(190,222,151)
```
#bfe392
```
#bfe392 rgb(191,227,146)
```
#bfe88d
```
#bfe88d rgb(191,232,141)
```
#c0ed88
```
#c0ed88 rgb(192,237,136)
```
#c0f382
```
#c0f382 rgb(192,243,130)
```
#c1f87d
```
#c1f87d rgb(193,248,125)
```
#c1fd78
```
#c1fd78 rgb(193,253,120)
```

Tone Color Variation

Below, you can see how #bdd3a2 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
#c5c9c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbcda3 Protanopia 1% of men
#edc6ab Deuteranopia 1% of men
#c9cddc Tritanopia 0.001% of the population

Trichromacy

#d0cfa3 Protanomaly 1% of men, 0.01% of women
#dbcba8 Deuteranomaly 6% of men, 0.4% of women
#c5cfc7 Tritanomaly 0.01% of the population

#bdd3a2 hex color

#bdd3a2 Color Information

#bdd3a2 Color Conversion

Color Schemes with #bdd3a2

Alternatives to #bdd3a2

#bdd3a2 Preview

Shades and Tints of #bdd3a2

Tones of #bdd3a2

Color Blindness Simulator