#bdd3a6 hex color

In a RGB color space, hex #bdd3a6 is composed of 74.1% red, 82.7% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 0% magenta, 21.3% yellow and 17.3% black. It has a hue angle of 89.3 degrees, a saturation of 33.8% and a lightness of 73.9%. #bdd3a6 color hex could be obtained by blending #ffffff with #7ba74d. Closest websafe color is: #cccc99.

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

● #bdd3a6 color description : Grayish green.

The hexadecimal color #bdd3a6 has RGB values of R:189, G:211, B:166 and CMYK values of C:0.1, M:0, Y:0.21, K:0.17. Its decimal value is 12440486.

Hex triplet	bdd3a6	`#bdd3a6`
RGB Decimal	189, 211, 166	`rgb(189,211,166)`
RGB Percent	74.1, 82.7, 65.1	`rgb(74.1%,82.7%,65.1%)`
CMYK	10, 0, 21, 17
HSL	89.3°, 33.8, 73.9	`hsl(89.3,33.8%,73.9%)`
HSV (or HSB)	89.3°, 21.3, 82.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	81.925, -15.361, 19.871
XYZ	51.162, 60.16, 44.991
xyY	0.327, 0.385, 60.16
CIE-LCH	81.925, 25.116, 127.705
CIE-LUV	81.925, -10.477, 30.956
Hunter-Lab	77.563, -17.993, 19.902
Binary	10111101, 11010011, 10100110

#bdd3a6
```
#bdd3a6 rgb(189,211,166)
```
#bca6d3
```
#bca6d3 rgb(188,166,211)
```

Complementary Color

#d3d3a6
```
#d3d3a6 rgb(211,211,166)
```
#bdd3a6
```
#bdd3a6 rgb(189,211,166)
```
#a7d3a6
```
#a7d3a6 rgb(167,211,166)
```

Analogous Color

#d3a6d3
```
#d3a6d3 rgb(211,166,211)
```
#bdd3a6
```
#bdd3a6 rgb(189,211,166)
```
#a6a7d3
```
#a6a7d3 rgb(166,167,211)
```

Split Complementary Color

#d3a6bd
```
#d3a6bd rgb(211,166,189)
```
#bdd3a6
```
#bdd3a6 rgb(189,211,166)
```
#a6bdd3
```
#a6bdd3 rgb(166,189,211)
```

Triadic Color

#d3bca6
```
#d3bca6 rgb(211,188,166)
```
#bdd3a6
```
#bdd3a6 rgb(189,211,166)
```
#a6bdd3
```
#a6bdd3 rgb(166,189,211)
```
#bca6d3
```
#bca6d3 rgb(188,166,211)
```

Tetradic Color

#97ba73
```
#97ba73 rgb(151,186,115)
```
#a4c284
```
#a4c284 rgb(164,194,132)
```
#b0cb95
```
#b0cb95 rgb(176,203,149)
```
#bdd3a6
```
#bdd3a6 rgb(189,211,166)
```
#cadbb7
```
#cadbb7 rgb(202,219,183)
```
#d6e4c8
```
#d6e4c8 rgb(214,228,200)
```
#e3ecd9
```
#e3ecd9 rgb(227,236,217)
```

Monochromatic Color

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

#c8d3a6
```
#c8d3a6 rgb(200,211,166)
```
#c5d3a6
```
#c5d3a6 rgb(197,211,166)
```
#c1d3a6
```
#c1d3a6 rgb(193,211,166)
```
#bdd3a6
```
#bdd3a6 rgb(189,211,166)
```
#b9d3a6
```
#b9d3a6 rgb(185,211,166)
```
#b6d3a6
```
#b6d3a6 rgb(182,211,166)
```
#b2d3a6
```
#b2d3a6 rgb(178,211,166)
```

Similar Colors

Text with hexadecimal color #bdd3a6

This text has a font color of #bdd3a6.

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

#bdd3a6 background color

This paragraph has a background color of #bdd3a6.

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

#bdd3a6 border color

This element has a border color of #bdd3a6.

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

CSS codes

.text {color:#bdd3a6;}

.background {background-color:#bdd3a6;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0c1008
```
#0c1008 rgb(12,16,8)
```
#161d0e
```
#161d0e rgb(22,29,14)
```
#202a15
```
#202a15 rgb(32,42,21)
```
#2a371b
```
#2a371b rgb(42,55,27)
```
#344522
```
#344522 rgb(52,69,34)
```
#3d5228
```
#3d5228 rgb(61,82,40)
```
#475f2f
```
#475f2f rgb(71,95,47)
```
#516c35
```
#516c35 rgb(81,108,53)
```
#5b793c
```
#5b793c rgb(91,121,60)
```
#658642
```
#658642 rgb(101,134,66)
```
#6f9349
```
#6f9349 rgb(111,147,73)
```
#79a04f
```
#79a04f rgb(121,160,79)
```

Shade Color Variation

#83ac57
```
#83ac57 rgb(131,172,87)
```
#8cb364
```
#8cb364 rgb(140,179,100)
```
#96b971
```
#96b971 rgb(150,185,113)
```
#a0c07f
```
#a0c07f rgb(160,192,127)
```
#aac68c
```
#aac68c rgb(170,198,140)
```
#b3cd99
```
#b3cd99 rgb(179,205,153)
```
#bdd3a6
```
#bdd3a6 rgb(189,211,166)
```
#c7d9b3
```
#c7d9b3 rgb(199,217,179)
```
#d0e0c0
```
#d0e0c0 rgb(208,224,192)
```
#dae6cd
```
#dae6cd rgb(218,230,205)
```
#e4eddb
```
#e4eddb rgb(228,237,219)
```
#eef3e8
```
#eef3e8 rgb(238,243,232)
```
#f7faf5
```
#f7faf5 rgb(247,250,245)
```

Tint Color Variation

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

#bdbfba
```
#bdbfba rgb(189,191,186)
```
#bdc4b5
```
#bdc4b5 rgb(189,196,181)
```
#bdc9b0
```
#bdc9b0 rgb(189,201,176)
```
#bdceab
```
#bdceab rgb(189,206,171)
```
#bdd3a6
```
#bdd3a6 rgb(189,211,166)
```
#bdd8a1
```
#bdd8a1 rgb(189,216,161)
```
#bddd9c
```
#bddd9c rgb(189,221,156)
```
#bde297
```
#bde297 rgb(189,226,151)
```
#bde792
```
#bde792 rgb(189,231,146)
```
#beed8c
```
#beed8c rgb(190,237,140)
```
#bef287
```
#bef287 rgb(190,242,135)
```
#bef782
```
#bef782 rgb(190,247,130)
```
#befc7d
```
#befc7d rgb(190,252,125)
```

Tone Color Variation

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

#dacda7 Protanopia 1% of men
#ecc7af Deuteranopia 1% of men
#c9cedd Tritanopia 0.001% of the population

Trichromacy

#cfcfa6 Protanomaly 1% of men, 0.01% of women
#dbcbab Deuteranomaly 6% of men, 0.4% of women
#c4cfc9 Tritanomaly 0.01% of the population

#bdd3a6 hex color

#bdd3a6 Color Information

#bdd3a6 Color Conversion

Color Schemes with #bdd3a6

Alternatives to #bdd3a6

#bdd3a6 Preview

Shades and Tints of #bdd3a6

Tones of #bdd3a6

Color Blindness Simulator