#bdd8bb hex color

In a RGB color space, hex #bdd8bb is composed of 74.1% red, 84.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 0% magenta, 13.4% yellow and 15.3% black. It has a hue angle of 115.9 degrees, a saturation of 27.1% and a lightness of 79%. #bdd8bb color hex could be obtained by blending #ffffff with #7bb177. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 85
- B 73
RGB color chart
- C 13
- M 0
- Y 13
- K 15
CMYK color chart

● #bdd8bb color description : Grayish lime green.

The hexadecimal color #bdd8bb has RGB values of R:189, G:216, B:187 and CMYK values of C:0.13, M:0, Y:0.13, K:0.15. Its decimal value is 12441787.

Hex triplet	bdd8bb	`#bdd8bb`
RGB Decimal	189, 216, 187	`rgb(189,216,187)`
RGB Percent	74.1, 84.7, 73.3	`rgb(74.1%,84.7%,73.3%)`
CMYK	13, 0, 13, 15
HSL	115.9°, 27.1, 79	`hsl(115.9,27.1%,79%)`
HSV (or HSB)	115.9°, 13.4, 84.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.714, -14.387, 11.3
XYZ	54.51, 63.518, 56.399
xyY	0.313, 0.364, 63.518
CIE-LCH	83.714, 18.294, 141.852
CIE-LUV	83.714, -13.611, 19.124
Hunter-Lab	79.698, -17.386, 13.831
Binary	10111101, 11011000, 10111011

#bdd8bb
```
#bdd8bb rgb(189,216,187)
```
#d6bbd8
```
#d6bbd8 rgb(214,187,216)
```

Complementary Color

#ccd8bb
```
#ccd8bb rgb(204,216,187)
```
#bdd8bb
```
#bdd8bb rgb(189,216,187)
```
#bbd8c8
```
#bbd8c8 rgb(187,216,200)
```

Analogous Color

#d8bbcc
```
#d8bbcc rgb(216,187,204)
```
#bdd8bb
```
#bdd8bb rgb(189,216,187)
```
#c8bbd8
```
#c8bbd8 rgb(200,187,216)
```

Split Complementary Color

#d8bbbd
```
#d8bbbd rgb(216,187,189)
```
#bdd8bb
```
#bdd8bb rgb(189,216,187)
```
#bbbdd8
```
#bbbdd8 rgb(187,189,216)
```

Triadic Color

#d8d6bb
```
#d8d6bb rgb(216,214,187)
```
#bdd8bb
```
#bdd8bb rgb(189,216,187)
```
#bbbdd8
```
#bbbdd8 rgb(187,189,216)
```
#d6bbd8
```
#d6bbd8 rgb(214,187,216)
```

Tetradic Color

#8ebc8a
```
#8ebc8a rgb(142,188,138)
```
#9ec59b
```
#9ec59b rgb(158,197,155)
```
#adcfab
```
#adcfab rgb(173,207,171)
```
#bdd8bb
```
#bdd8bb rgb(189,216,187)
```
#cde1cb
```
#cde1cb rgb(205,225,203)
```
#dcebdb
```
#dcebdb rgb(220,235,219)
```
#ecf4ec
```
#ecf4ec rgb(236,244,236)
```

Monochromatic Color

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

#c4d8bb
```
#c4d8bb rgb(196,216,187)
```
#c2d8bb
```
#c2d8bb rgb(194,216,187)
```
#bfd8bb
```
#bfd8bb rgb(191,216,187)
```
#bdd8bb
```
#bdd8bb rgb(189,216,187)
```
#bbd8bb
```
#bbd8bb rgb(187,216,187)
```
#bbd8be
```
#bbd8be rgb(187,216,190)
```
#bbd8c0
```
#bbd8c0 rgb(187,216,192)
```

Similar Colors

Text with hexadecimal color #bdd8bb

This text has a font color of #bdd8bb.

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

#bdd8bb background color

This paragraph has a background color of #bdd8bb.

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

#bdd8bb border color

This element has a border color of #bdd8bb.

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

CSS codes

.text {color:#bdd8bb;}

.background {background-color:#bdd8bb;}

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

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

#040704
```
#040704 rgb(4,7,4)
```
#0c130b
```
#0c130b rgb(12,19,11)
```
#132012
```
#132012 rgb(19,32,18)
```
#1b2c19
```
#1b2c19 rgb(27,44,25)
```
#223920
```
#223920 rgb(34,57,32)
```
#2a4528
```
#2a4528 rgb(42,69,40)
```
#31522f
```
#31522f rgb(49,82,47)
```
#395e36
```
#395e36 rgb(57,94,54)
```
#406b3d
```
#406b3d rgb(64,107,61)
```
#487744
```
#487744 rgb(72,119,68)
```
#4f834b
```
#4f834b rgb(79,131,75)
```
#579053
```
#579053 rgb(87,144,83)
```
#5e9c5a
```
#5e9c5a rgb(94,156,90)
```

Shade Color Variation

#68a664
```
#68a664 rgb(104,166,100)
```
#74ad70
```
#74ad70 rgb(116,173,112)
```
#81b47d
```
#81b47d rgb(129,180,125)
```
#8dbb89
```
#8dbb89 rgb(141,187,137)
```
#99c396
```
#99c396 rgb(153,195,150)
```
#a5caa2
```
#a5caa2 rgb(165,202,162)
```
#b1d1af
```
#b1d1af rgb(177,209,175)
```
#bdd8bb
```
#bdd8bb rgb(189,216,187)
```
#c9dfc7
```
#c9dfc7 rgb(201,223,199)
```
#d5e6d4
```
#d5e6d4 rgb(213,230,212)
```
#e1ede0
```
#e1ede0 rgb(225,237,224)
```
#edf5ed
```
#edf5ed rgb(237,245,237)
```
#f9fcf9
```
#f9fcf9 rgb(249,252,249)
```

Tint Color Variation

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

#c8ccc7
```
#c8ccc7 rgb(200,204,199)
```
#c4d0c3
```
#c4d0c3 rgb(196,208,195)
```
#c1d4bf
```
#c1d4bf rgb(193,212,191)
```
#bdd8bb
```
#bdd8bb rgb(189,216,187)
```
#b9dcb7
```
#b9dcb7 rgb(185,220,183)
```
#b6e0b3
```
#b6e0b3 rgb(182,224,179)
```
#b2e4af
```
#b2e4af rgb(178,228,175)
```
#afe8ab
```
#afe8ab rgb(175,232,171)
```
#abeda6
```
#abeda6 rgb(171,237,166)
```
#a8f1a2
```
#a8f1a2 rgb(168,241,162)
```
#a4f59e
```
#a4f59e rgb(164,245,158)
```
#a1f99a
```
#a1f99a rgb(161,249,154)
```
#9dfd96
```
#9dfd96 rgb(157,253,150)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cacfc9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd2ba Protanopia 1% of men
#ecccc2 Deuteranopia 1% of men
#c7d4e3 Tritanopia 0.001% of the population

Trichromacy

#d1d4ba Protanomaly 1% of men, 0.01% of women
#dbd0c0 Deuteranomaly 6% of men, 0.4% of women
#c3d5d4 Tritanomaly 0.01% of the population

#bdd8bb hex color

#bdd8bb Color Information

#bdd8bb Color Conversion

Color Schemes with #bdd8bb

Alternatives to #bdd8bb

#bdd8bb Preview

Shades and Tints of #bdd8bb

Tones of #bdd8bb

Color Blindness Simulator