#bdd3ae hex color

In a RGB color space, hex #bdd3ae is composed of 74.1% red, 82.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 0% magenta, 17.5% yellow and 17.3% black. It has a hue angle of 95.7 degrees, a saturation of 29.6% and a lightness of 75.5%. #bdd3ae color hex could be obtained by blending #ffffff with #7ba75d. Closest websafe color is: #cccc99.

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

● #bdd3ae color description : Grayish green.

The hexadecimal color #bdd3ae has RGB values of R:189, G:211, B:174 and CMYK values of C:0.1, M:0, Y:0.18, K:0.17. Its decimal value is 12440494.

Hex triplet	bdd3ae	`#bdd3ae`
RGB Decimal	189, 211, 174	`rgb(189,211,174)`
RGB Percent	74.1, 82.7, 68.2	`rgb(74.1%,82.7%,68.2%)`
CMYK	10, 0, 18, 17
HSL	95.7°, 29.6, 75.5	`hsl(95.7,29.6%,75.5%)`
HSV (or HSB)	95.7°, 17.5, 82.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.089, -14.072, 15.878
XYZ	51.919, 60.463, 48.977
xyY	0.322, 0.375, 60.463
CIE-LCH	82.089, 21.216, 131.549
CIE-LUV	82.089, -10.707, 25.364
Hunter-Lab	77.758, -16.892, 17.086
Binary	10111101, 11010011, 10101110

#bdd3ae
```
#bdd3ae rgb(189,211,174)
```
#c4aed3
```
#c4aed3 rgb(196,174,211)
```

Complementary Color

#d0d3ae
```
#d0d3ae rgb(208,211,174)
```
#bdd3ae
```
#bdd3ae rgb(189,211,174)
```
#aed3b2
```
#aed3b2 rgb(174,211,178)
```

Analogous Color

#d3aed0
```
#d3aed0 rgb(211,174,208)
```
#bdd3ae
```
#bdd3ae rgb(189,211,174)
```
#b2aed3
```
#b2aed3 rgb(178,174,211)
```

Split Complementary Color

#d3aebd
```
#d3aebd rgb(211,174,189)
```
#bdd3ae
```
#bdd3ae rgb(189,211,174)
```
#aebdd3
```
#aebdd3 rgb(174,189,211)
```

Triadic Color

#d3c4ae
```
#d3c4ae rgb(211,196,174)
```
#bdd3ae
```
#bdd3ae rgb(189,211,174)
```
#aebdd3
```
#aebdd3 rgb(174,189,211)
```
#c4aed3
```
#c4aed3 rgb(196,174,211)
```

Tetradic Color

#95b87c
```
#95b87c rgb(149,184,124)
```
#a2c18d
```
#a2c18d rgb(162,193,141)
```
#b0ca9d
```
#b0ca9d rgb(176,202,157)
```
#bdd3ae
```
#bdd3ae rgb(189,211,174)
```
#cadcbf
```
#cadcbf rgb(202,220,191)
```
#d8e5cf
```
#d8e5cf rgb(216,229,207)
```
#e5eee0
```
#e5eee0 rgb(229,238,224)
```

Monochromatic Color

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

#c6d3ae
```
#c6d3ae rgb(198,211,174)
```
#c3d3ae
```
#c3d3ae rgb(195,211,174)
```
#c0d3ae
```
#c0d3ae rgb(192,211,174)
```
#bdd3ae
```
#bdd3ae rgb(189,211,174)
```
#bad3ae
```
#bad3ae rgb(186,211,174)
```
#b7d3ae
```
#b7d3ae rgb(183,211,174)
```
#b4d3ae
```
#b4d3ae rgb(180,211,174)
```

Similar Colors

Text with hexadecimal color #bdd3ae

This text has a font color of #bdd3ae.

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

#bdd3ae background color

This paragraph has a background color of #bdd3ae.

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

#bdd3ae border color

This element has a border color of #bdd3ae.

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

CSS codes

.text {color:#bdd3ae;}

.background {background-color:#bdd3ae;}

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

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)
```
#0f150b
```
#0f150b rgb(15,21,11)
```
#182112
```
#182112 rgb(24,33,18)
```
#222e19
```
#222e19 rgb(34,46,25)
```
#2b3b20
```
#2b3b20 rgb(43,59,32)
```
#344827
```
#344827 rgb(52,72,39)
```
#3d542e
```
#3d542e rgb(61,84,46)
```
#476135
```
#476135 rgb(71,97,53)
```
#506e3c
```
#506e3c rgb(80,110,60)
```
#597a42
```
#597a42 rgb(89,122,66)
```
#628749
```
#628749 rgb(98,135,73)
```
#6c9450
```
#6c9450 rgb(108,148,80)
```
#75a157
```
#75a157 rgb(117,161,87)
```

Shade Color Variation

#7faa62
```
#7faa62 rgb(127,170,98)
```
#89b06e
```
#89b06e rgb(137,176,110)
```
#94b77b
```
#94b77b rgb(148,183,123)
```
#9ebe88
```
#9ebe88 rgb(158,190,136)
```
#a8c595
```
#a8c595 rgb(168,197,149)
```
#b3cca1
```
#b3cca1 rgb(179,204,161)
```
#bdd3ae
```
#bdd3ae rgb(189,211,174)
```
#c7dabb
```
#c7dabb rgb(199,218,187)
```
#d2e1c7
```
#d2e1c7 rgb(210,225,199)
```
#dce8d4
```
#dce8d4 rgb(220,232,212)
```
#e6efe1
```
#e6efe1 rgb(230,239,225)
```
#f1f6ee
```
#f1f6ee rgb(241,246,238)
```
#fbfcfa
```
#fbfcfa rgb(251,252,250)
```

Tint Color Variation

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

#c0c5bc
```
#c0c5bc rgb(192,197,188)
```
#bfc9b8
```
#bfc9b8 rgb(191,201,184)
```
#beceb3
```
#beceb3 rgb(190,206,179)
```
#bdd3ae
```
#bdd3ae rgb(189,211,174)
```
#bcd8a9
```
#bcd8a9 rgb(188,216,169)
```
#bbdda4
```
#bbdda4 rgb(187,221,164)
```
#bae1a0
```
#bae1a0 rgb(186,225,160)
```
#b9e69b
```
#b9e69b rgb(185,230,155)
```
#b8eb96
```
#b8eb96 rgb(184,235,150)
```
#b8f091
```
#b8f091 rgb(184,240,145)
```
#b7f58c
```
#b7f58c rgb(183,245,140)
```
#b6f988
```
#b6f988 rgb(182,249,136)
```
#b5fe83
```
#b5fe83 rgb(181,254,131)
```

Tone Color Variation

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

#d9ceaf Protanopia 1% of men
#eac7b6 Deuteranopia 1% of men
#c8cfdd Tritanopia 0.001% of the population

Trichromacy

#cfcfae Protanomaly 1% of men, 0.01% of women
#dacbb3 Deuteranomaly 6% of men, 0.4% of women
#c4d0cc Tritanomaly 0.01% of the population

#bdd3ae hex color

#bdd3ae Color Information

#bdd3ae Color Conversion

Color Schemes with #bdd3ae

Alternatives to #bdd3ae

#bdd3ae Preview

Shades and Tints of #bdd3ae

Tones of #bdd3ae

Color Blindness Simulator