#bdd2b2 hex color

In a RGB color space, hex #bdd2b2 is composed of 74.1% red, 82.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 0% magenta, 15.2% yellow and 17.6% black. It has a hue angle of 99.4 degrees, a saturation of 26.2% and a lightness of 76.1%. #bdd2b2 color hex could be obtained by blending #ffffff with #7ba565. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 74
- G 82
- B 70
RGB color chart
- C 10
- M 0
- Y 15
- K 18
CMYK color chart

● #bdd2b2 color description : Grayish green.

The hexadecimal color #bdd2b2 has RGB values of R:189, G:210, B:178 and CMYK values of C:0.1, M:0, Y:0.15, K:0.18. Its decimal value is 12440242.

Hex triplet	bdd2b2	`#bdd2b2`
RGB Decimal	189, 210, 178	`rgb(189,210,178)`
RGB Percent	74.1, 82.4, 69.8	`rgb(74.1%,82.4%,69.8%)`
CMYK	10, 0, 15, 18
HSL	99.4°, 26.2, 76.1	`hsl(99.4,26.2%,76.1%)`
HSV (or HSB)	99.4°, 15.2, 82.4
Web Safe	cccc99	`#cccc99`

CIE-LAB	81.907, -12.897, 13.503
XYZ	52.067, 60.126, 50.979
xyY	0.319, 0.368, 60.126
CIE-LCH	81.907, 18.672, 133.684
CIE-LUV	81.907, -10.312, 21.87
Hunter-Lab	77.541, -15.838, 15.298
Binary	10111101, 11010010, 10110010

#bdd2b2
```
#bdd2b2 rgb(189,210,178)
```
#c7b2d2
```
#c7b2d2 rgb(199,178,210)
```

Complementary Color

#cdd2b2
```
#cdd2b2 rgb(205,210,178)
```
#bdd2b2
```
#bdd2b2 rgb(189,210,178)
```
#b2d2b7
```
#b2d2b7 rgb(178,210,183)
```

Analogous Color

#d2b2cd
```
#d2b2cd rgb(210,178,205)
```
#bdd2b2
```
#bdd2b2 rgb(189,210,178)
```
#b7b2d2
```
#b7b2d2 rgb(183,178,210)
```

Split Complementary Color

#d2b2bd
```
#d2b2bd rgb(210,178,189)
```
#bdd2b2
```
#bdd2b2 rgb(189,210,178)
```
#b2bdd2
```
#b2bdd2 rgb(178,189,210)
```

Triadic Color

#d2c7b2
```
#d2c7b2 rgb(210,199,178)
```
#bdd2b2
```
#bdd2b2 rgb(189,210,178)
```
#b2bdd2
```
#b2bdd2 rgb(178,189,210)
```
#c7b2d2
```
#c7b2d2 rgb(199,178,210)
```

Tetradic Color

#94b682
```
#94b682 rgb(148,182,130)
```
#a1bf92
```
#a1bf92 rgb(161,191,146)
```
#afc9a2
```
#afc9a2 rgb(175,201,162)
```
#bdd2b2
```
#bdd2b2 rgb(189,210,178)
```
#cbdbc2
```
#cbdbc2 rgb(203,219,194)
```
#d9e5d2
```
#d9e5d2 rgb(217,229,210)
```
#e6eee2
```
#e6eee2 rgb(230,238,226)
```

Monochromatic Color

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

#c5d2b2
```
#c5d2b2 rgb(197,210,178)
```
#c2d2b2
```
#c2d2b2 rgb(194,210,178)
```
#c0d2b2
```
#c0d2b2 rgb(192,210,178)
```
#bdd2b2
```
#bdd2b2 rgb(189,210,178)
```
#bad2b2
```
#bad2b2 rgb(186,210,178)
```
#b8d2b2
```
#b8d2b2 rgb(184,210,178)
```
#b5d2b2
```
#b5d2b2 rgb(181,210,178)
```

Similar Colors

Text with hexadecimal color #bdd2b2

This text has a font color of #bdd2b2.

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

#bdd2b2 background color

This paragraph has a background color of #bdd2b2.

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

#bdd2b2 border color

This element has a border color of #bdd2b2.

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

CSS codes

.text {color:#bdd2b2;}

.background {background-color:#bdd2b2;}

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

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, #070a06 is the darkest color, while #fdfdfc is the lightest one.

#070a06
```
#070a06 rgb(7,10,6)
```
#10160d
```
#10160d rgb(16,22,13)
```
#192214
```
#192214 rgb(25,34,20)
```
#222f1b
```
#222f1b rgb(34,47,27)
```
#2b3b23
```
#2b3b23 rgb(43,59,35)
```
#34482a
```
#34482a rgb(52,72,42)
```
#3d5431
```
#3d5431 rgb(61,84,49)
```
#466038
```
#466038 rgb(70,96,56)
```
#4f6d40
```
#4f6d40 rgb(79,109,64)
```
#587947
```
#587947 rgb(88,121,71)
```
#61854e
```
#61854e rgb(97,133,78)
```
#6a9255
```
#6a9255 rgb(106,146,85)
```
#739e5c
```
#739e5c rgb(115,158,92)
```

Shade Color Variation

#7da768
```
#7da768 rgb(125,167,104)
```
#88ae74
```
#88ae74 rgb(136,174,116)
```
#93b580
```
#93b580 rgb(147,181,128)
```
#9dbc8d
```
#9dbc8d rgb(157,188,141)
```
#a8c499
```
#a8c499 rgb(168,196,153)
```
#b2cba6
```
#b2cba6 rgb(178,203,166)
```
#bdd2b2
```
#bdd2b2 rgb(189,210,178)
```
#c8d9be
```
#c8d9be rgb(200,217,190)
```
#d2e0cb
```
#d2e0cb rgb(210,224,203)
```
#dde8d7
```
#dde8d7 rgb(221,232,215)
```
#e7efe4
```
#e7efe4 rgb(231,239,228)
```
#f2f6f0
```
#f2f6f0 rgb(242,246,240)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#c1c4c0
```
#c1c4c0 rgb(193,196,192)
```
#c0c9bb
```
#c0c9bb rgb(192,201,187)
```
#becdb7
```
#becdb7 rgb(190,205,183)
```
#bdd2b2
```
#bdd2b2 rgb(189,210,178)
```
#bcd7ad
```
#bcd7ad rgb(188,215,173)
```
#badba9
```
#badba9 rgb(186,219,169)
```
#b9e0a4
```
#b9e0a4 rgb(185,224,164)
```
#b7e59f
```
#b7e59f rgb(183,229,159)
```
#b6e99b
```
#b6e99b rgb(182,233,155)
```
#b4ee96
```
#b4ee96 rgb(180,238,150)
```
#b3f391
```
#b3f391 rgb(179,243,145)
```
#b1f88c
```
#b1f88c rgb(177,248,140)
```
#b0fc88
```
#b0fc88 rgb(176,252,136)
```

Tone Color Variation

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

Dichromacy

#d8cdb2 Protanopia 1% of men
#e8c7ba Deuteranopia 1% of men
#c7cedd Tritanopia 0.001% of the population

Trichromacy

#cecfb2 Protanomaly 1% of men, 0.01% of women
#d8cbb7 Deuteranomaly 6% of men, 0.4% of women
#c3cfcd Tritanomaly 0.01% of the population

#bdd2b2 hex color

#bdd2b2 Color Information

#bdd2b2 Color Conversion

Color Schemes with #bdd2b2

Alternatives to #bdd2b2

#bdd2b2 Preview

Shades and Tints of #bdd2b2

Tones of #bdd2b2

Color Blindness Simulator