#bdd2bb hex color

In a RGB color space, hex #bdd2bb is composed of 74.1% red, 82.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 0% magenta, 11% yellow and 17.6% black. It has a hue angle of 114.8 degrees, a saturation of 20.4% and a lightness of 77.8%. #bdd2bb color hex could be obtained by blending #ffffff with #7ba577. Closest websafe color is: #cccccc.

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

● #bdd2bb color description : Grayish lime green.

The hexadecimal color #bdd2bb has RGB values of R:189, G:210, B:187 and CMYK values of C:0.1, M:0, Y:0.11, K:0.18. Its decimal value is 12440251.

Hex triplet	bdd2bb	`#bdd2bb`
RGB Decimal	189, 210, 187	`rgb(189,210,187)`
RGB Percent	74.1, 82.4, 73.3	`rgb(74.1%,82.4%,73.3%)`
CMYK	10, 0, 11, 18
HSL	114.8°, 20.4, 77.8	`hsl(114.8,20.4%,77.8%)`
HSV (or HSB)	114.8°, 11, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.109, -11.338, 9.012
XYZ	53.001, 60.499, 55.896
xyY	0.313, 0.357, 60.499
CIE-LCH	82.109, 14.483, 141.521
CIE-LUV	82.109, -10.593, 15.258
Hunter-Lab	77.781, -14.486, 11.839
Binary	10111101, 11010010, 10111011

#bdd2bb
```
#bdd2bb rgb(189,210,187)
```
#d0bbd2
```
#d0bbd2 rgb(208,187,210)
```

Complementary Color

#c9d2bb
```
#c9d2bb rgb(201,210,187)
```
#bdd2bb
```
#bdd2bb rgb(189,210,187)
```
#bbd2c5
```
#bbd2c5 rgb(187,210,197)
```

Analogous Color

#d2bbc9
```
#d2bbc9 rgb(210,187,201)
```
#bdd2bb
```
#bdd2bb rgb(189,210,187)
```
#c5bbd2
```
#c5bbd2 rgb(197,187,210)
```

Split Complementary Color

#d2bbbd
```
#d2bbbd rgb(210,187,189)
```
#bdd2bb
```
#bdd2bb rgb(189,210,187)
```
#bbbdd2
```
#bbbdd2 rgb(187,189,210)
```

Triadic Color

#d2d0bb
```
#d2d0bb rgb(210,208,187)
```
#bdd2bb
```
#bdd2bb rgb(189,210,187)
```
#bbbdd2
```
#bbbdd2 rgb(187,189,210)
```
#d0bbd2
```
#d0bbd2 rgb(208,187,210)
```

Tetradic Color

#90b48d
```
#90b48d rgb(144,180,141)
```
#9fbe9c
```
#9fbe9c rgb(159,190,156)
```
#aec8ac
```
#aec8ac rgb(174,200,172)
```
#bdd2bb
```
#bdd2bb rgb(189,210,187)
```
#ccdcca
```
#ccdcca rgb(204,220,202)
```
#dbe6da
```
#dbe6da rgb(219,230,218)
```
#eaf0e9
```
#eaf0e9 rgb(234,240,233)
```

Monochromatic Color

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

#c3d2bb
```
#c3d2bb rgb(195,210,187)
```
#c1d2bb
```
#c1d2bb rgb(193,210,187)
```
#bfd2bb
```
#bfd2bb rgb(191,210,187)
```
#bdd2bb
```
#bdd2bb rgb(189,210,187)
```
#bbd2bb
```
#bbd2bb rgb(187,210,187)
```
#bbd2bd
```
#bbd2bd rgb(187,210,189)
```
#bbd2bf
```
#bbd2bf rgb(187,210,191)
```

Similar Colors

Text with hexadecimal color #bdd2bb

This text has a font color of #bdd2bb.

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

#bdd2bb background color

This paragraph has a background color of #bdd2bb.

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

#bdd2bb border color

This element has a border color of #bdd2bb.

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

CSS codes

.text {color:#bdd2bb;}

.background {background-color:#bdd2bb;}

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

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

#020302
```
#020302 rgb(2,3,2)
```
#0a0f0a
```
#0a0f0a rgb(10,15,10)
```
#121a11
```
#121a11 rgb(18,26,17)
```
#1a2619
```
#1a2619 rgb(26,38,25)
```
#233221
```
#233221 rgb(35,50,33)
```
#2b3e29
```
#2b3e29 rgb(43,62,41)
```
#334a31
```
#334a31 rgb(51,74,49)
```
#3b5539
```
#3b5539 rgb(59,85,57)
```
#436140
```
#436140 rgb(67,97,64)
```
#4b6d48
```
#4b6d48 rgb(75,109,72)
```
#547950
```
#547950 rgb(84,121,80)
```
#5c8558
```
#5c8558 rgb(92,133,88)
```
#649060
```
#649060 rgb(100,144,96)
```

Shade Color Variation

#6d9b68
```
#6d9b68 rgb(109,155,104)
```
#78a374
```
#78a374 rgb(120,163,116)
```
#84ab80
```
#84ab80 rgb(132,171,128)
```
#8fb38c
```
#8fb38c rgb(143,179,140)
```
#9bbb98
```
#9bbb98 rgb(155,187,152)
```
#a6c2a3
```
#a6c2a3 rgb(166,194,163)
```
#b2caaf
```
#b2caaf rgb(178,202,175)
```
#bdd2bb
```
#bdd2bb rgb(189,210,187)
```
#c8dac7
```
#c8dac7 rgb(200,218,199)
```
#d4e2d3
```
#d4e2d3 rgb(212,226,211)
```
#dfe9de
```
#dfe9de rgb(223,233,222)
```
#ebf1ea
```
#ebf1ea rgb(235,241,234)
```
#f6f9f6
```
#f6f9f6 rgb(246,249,246)
```

Tint Color Variation

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

#c4c9c4
```
#c4c9c4 rgb(196,201,196)
```
#c1cebf
```
#c1cebf rgb(193,206,191)
```
#bdd2bb
```
#bdd2bb rgb(189,210,187)
```
#b9d6b7
```
#b9d6b7 rgb(185,214,183)
```
#b6dbb2
```
#b6dbb2 rgb(182,219,178)
```
#b2dfae
```
#b2dfae rgb(178,223,174)
```
#afe3aa
```
#afe3aa rgb(175,227,170)
```
#abe8a5
```
#abe8a5 rgb(171,232,165)
```
#a7eca1
```
#a7eca1 rgb(167,236,161)
```
#a4f09d
```
#a4f09d rgb(164,240,157)
```
#a0f598
```
#a0f598 rgb(160,245,152)
```
#9df994
```
#9df994 rgb(157,249,148)
```
#99fd90
```
#99fd90 rgb(153,253,144)
```

Tone Color Variation

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

Dichromacy

#d7cebb Protanopia 1% of men
#e6c8c2 Deuteranopia 1% of men
#c6cfde Tritanopia 0.001% of the population

Trichromacy

#cdcfbb Protanomaly 1% of men, 0.01% of women
#d7cbbf Deuteranomaly 6% of men, 0.4% of women
#c3d0d1 Tritanomaly 0.01% of the population

#bdd2bb hex color

#bdd2bb Color Information

#bdd2bb Color Conversion

Color Schemes with #bdd2bb

Alternatives to #bdd2bb

#bdd2bb Preview

Shades and Tints of #bdd2bb

Tones of #bdd2bb

Color Blindness Simulator