#bdd4b2 hex color

In a RGB color space, hex #bdd4b2 is composed of 74.1% red, 83.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 10.8% cyan, 0% magenta, 16% yellow and 16.9% black. It has a hue angle of 100.6 degrees, a saturation of 28.3% and a lightness of 76.5%. #bdd4b2 color hex could be obtained by blending #ffffff with #7ba965. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 74
- G 83
- B 70
RGB color chart
- C 11
- M 0
- Y 16
- K 17
CMYK color chart

● #bdd4b2 color description : Grayish green.

The hexadecimal color #bdd4b2 has RGB values of R:189, G:212, B:178 and CMYK values of C:0.11, M:0, Y:0.16, K:0.17. Its decimal value is 12440754.

Hex triplet	bdd4b2	`#bdd4b2`
RGB Decimal	189, 212, 178	`rgb(189,212,178)`
RGB Percent	74.1, 83.1, 69.8	`rgb(74.1%,83.1%,69.8%)`
CMYK	11, 0, 16, 17
HSL	100.6°, 28.3, 76.5	`hsl(100.6,28.3%,76.5%)`
HSV (or HSB)	100.6°, 16, 83.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.443, -13.912, 14.26
XYZ	52.564, 61.12, 51.145
xyY	0.319, 0.371, 61.12
CIE-LCH	82.443, 19.922, 134.291
CIE-LUV	82.443, -11.338, 23.13
Hunter-Lab	78.179, -16.798, 15.938
Binary	10111101, 11010100, 10110010

#bdd4b2
```
#bdd4b2 rgb(189,212,178)
```
#c9b2d4
```
#c9b2d4 rgb(201,178,212)
```

Complementary Color

#ced4b2
```
#ced4b2 rgb(206,212,178)
```
#bdd4b2
```
#bdd4b2 rgb(189,212,178)
```
#b2d4b8
```
#b2d4b8 rgb(178,212,184)
```

Analogous Color

#d4b2ce
```
#d4b2ce rgb(212,178,206)
```
#bdd4b2
```
#bdd4b2 rgb(189,212,178)
```
#b8b2d4
```
#b8b2d4 rgb(184,178,212)
```

Split Complementary Color

#d4b2bd
```
#d4b2bd rgb(212,178,189)
```
#bdd4b2
```
#bdd4b2 rgb(189,212,178)
```
#b2bdd4
```
#b2bdd4 rgb(178,189,212)
```

Triadic Color

#d4c9b2
```
#d4c9b2 rgb(212,201,178)
```
#bdd4b2
```
#bdd4b2 rgb(189,212,178)
```
#b2bdd4
```
#b2bdd4 rgb(178,189,212)
```
#c9b2d4
```
#c9b2d4 rgb(201,178,212)
```

Tetradic Color

#93b981
```
#93b981 rgb(147,185,129)
```
#a1c291
```
#a1c291 rgb(161,194,145)
```
#afcba2
```
#afcba2 rgb(175,203,162)
```
#bdd4b2
```
#bdd4b2 rgb(189,212,178)
```
#cbddc2
```
#cbddc2 rgb(203,221,194)
```
#d9e6d3
```
#d9e6d3 rgb(217,230,211)
```
#e7efe3
```
#e7efe3 rgb(231,239,227)
```

Monochromatic Color

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

#c6d4b2
```
#c6d4b2 rgb(198,212,178)
```
#c3d4b2
```
#c3d4b2 rgb(195,212,178)
```
#c0d4b2
```
#c0d4b2 rgb(192,212,178)
```
#bdd4b2
```
#bdd4b2 rgb(189,212,178)
```
#bad4b2
```
#bad4b2 rgb(186,212,178)
```
#b7d4b2
```
#b7d4b2 rgb(183,212,178)
```
#b5d4b2
```
#b5d4b2 rgb(181,212,178)
```

Similar Colors

Text with hexadecimal color #bdd4b2

This text has a font color of #bdd4b2.

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

#bdd4b2 background color

This paragraph has a background color of #bdd4b2.

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

#bdd4b2 border color

This element has a border color of #bdd4b2.

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

CSS codes

.text {color:#bdd4b2;}

.background {background-color:#bdd4b2;}

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

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, #080b06 is the darkest color, while #fefefe is the lightest one.

#080b06
```
#080b06 rgb(8,11,6)
```
#11180d
```
#11180d rgb(17,24,13)
```
#192414
```
#192414 rgb(25,36,20)
```
#22311b
```
#22311b rgb(34,49,27)
```
#2b3d22
```
#2b3d22 rgb(43,61,34)
```
#344a29
```
#344a29 rgb(52,74,41)
```
#3d5730
```
#3d5730 rgb(61,87,48)
```
#466337
```
#466337 rgb(70,99,55)
```
#4e703e
```
#4e703e rgb(78,112,62)
```
#577c45
```
#577c45 rgb(87,124,69)
```
#60894c
```
#60894c rgb(96,137,76)
```
#699654
```
#699654 rgb(105,150,84)
```
#72a25b
```
#72a25b rgb(114,162,91)
```

Shade Color Variation

#7caa66
```
#7caa66 rgb(124,170,102)
```
#87b173
```
#87b173 rgb(135,177,115)
```
#92b880
```
#92b880 rgb(146,184,128)
```
#9dbf8c
```
#9dbf8c rgb(157,191,140)
```
#a7c699
```
#a7c699 rgb(167,198,153)
```
#b2cda5
```
#b2cda5 rgb(178,205,165)
```
#bdd4b2
```
#bdd4b2 rgb(189,212,178)
```
#c8dbbf
```
#c8dbbf rgb(200,219,191)
```
#d3e2cb
```
#d3e2cb rgb(211,226,203)
```
#dde9d8
```
#dde9d8 rgb(221,233,216)
```
#e8f0e4
```
#e8f0e4 rgb(232,240,228)
```
#f3f7f1
```
#f3f7f1 rgb(243,247,241)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#c2c6c0
```
#c2c6c0 rgb(194,198,192)
```
#c0cbbb
```
#c0cbbb rgb(192,203,187)
```
#bfcfb7
```
#bfcfb7 rgb(191,207,183)
```
#bdd4b2
```
#bdd4b2 rgb(189,212,178)
```
#bbd9ad
```
#bbd9ad rgb(187,217,173)
```
#badda9
```
#badda9 rgb(186,221,169)
```
#b8e2a4
```
#b8e2a4 rgb(184,226,164)
```
#b6e6a0
```
#b6e6a0 rgb(182,230,160)
```
#b5eb9b
```
#b5eb9b rgb(181,235,155)
```
#b3f096
```
#b3f096 rgb(179,240,150)
```
#b2f492
```
#b2f492 rgb(178,244,146)
```
#b0f98d
```
#b0f98d rgb(176,249,141)
```
#aefe88
```
#aefe88 rgb(174,254,136)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c7cbc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dacfb2 Protanopia 1% of men
#eac8ba Deuteranopia 1% of men
#c8d0df Tritanopia 0.001% of the population

Trichromacy

#cfd0b2 Protanomaly 1% of men, 0.01% of women
#daccb7 Deuteranomaly 6% of men, 0.4% of women
#c4d1ce Tritanomaly 0.01% of the population

#bdd4b2 hex color

#bdd4b2 Color Information

#bdd4b2 Color Conversion

Color Schemes with #bdd4b2

Alternatives to #bdd4b2

#bdd4b2 Preview

Shades and Tints of #bdd4b2

Tones of #bdd4b2

Color Blindness Simulator