#bdd1bc hex color

In a RGB color space, hex #bdd1bc is composed of 74.1% red, 82% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 9.6% cyan, 0% magenta, 10% yellow and 18% black. It has a hue angle of 117.1 degrees, a saturation of 18.6% and a lightness of 77.8%. #bdd1bc color hex could be obtained by blending #ffffff with #7ba379. Closest websafe color is: #cccccc.

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

● #bdd1bc color description : Grayish lime green.

The hexadecimal color #bdd1bc has RGB values of R:189, G:209, B:188 and CMYK values of C:0.1, M:0, Y:0.1, K:0.18. Its decimal value is 12439996.

Hex triplet	bdd1bc	`#bdd1bc`
RGB Decimal	189, 209, 188	`rgb(189,209,188)`
RGB Percent	74.1, 82, 73.7	`rgb(74.1%,82%,73.7%)`
CMYK	10, 0, 10, 18
HSL	117.1°, 18.6, 77.8	`hsl(117.1,18.6%,77.8%)`
HSV (or HSB)	117.1°, 10, 82
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.865, -10.648, 8.131
XYZ	52.862, 60.05, 56.38
xyY	0.312, 0.355, 60.05
CIE-LCH	81.865, 13.397, 142.633
CIE-LUV	81.865, -10.121, 13.863
Hunter-Lab	77.492, -13.845, 11.107
Binary	10111101, 11010001, 10111100

#bdd1bc
```
#bdd1bc rgb(189,209,188)
```
#d0bcd1
```
#d0bcd1 rgb(208,188,209)
```

Complementary Color

#c8d1bc
```
#c8d1bc rgb(200,209,188)
```
#bdd1bc
```
#bdd1bc rgb(189,209,188)
```
#bcd1c6
```
#bcd1c6 rgb(188,209,198)
```

Analogous Color

#d1bcc8
```
#d1bcc8 rgb(209,188,200)
```
#bdd1bc
```
#bdd1bc rgb(189,209,188)
```
#c6bcd1
```
#c6bcd1 rgb(198,188,209)
```

Split Complementary Color

#d1bcbd
```
#d1bcbd rgb(209,188,189)
```
#bdd1bc
```
#bdd1bc rgb(189,209,188)
```
#bcbdd1
```
#bcbdd1 rgb(188,189,209)
```

Triadic Color

#d1d0bc
```
#d1d0bc rgb(209,208,188)
```
#bdd1bc
```
#bdd1bc rgb(189,209,188)
```
#bcbdd1
```
#bcbdd1 rgb(188,189,209)
```
#d0bcd1
```
#d0bcd1 rgb(208,188,209)
```

Tetradic Color

#90b28f
```
#90b28f rgb(144,178,143)
```
#9fbc9e
```
#9fbc9e rgb(159,188,158)
```
#aec7ad
```
#aec7ad rgb(174,199,173)
```
#bdd1bc
```
#bdd1bc rgb(189,209,188)
```
#ccdbcb
```
#ccdbcb rgb(204,219,203)
```
#dbe6da
```
#dbe6da rgb(219,230,218)
```
#eaf0e9
```
#eaf0e9 rgb(234,240,233)
```

Monochromatic Color

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

#c2d1bc
```
#c2d1bc rgb(194,209,188)
```
#c1d1bc
```
#c1d1bc rgb(193,209,188)
```
#bfd1bc
```
#bfd1bc rgb(191,209,188)
```
#bdd1bc
```
#bdd1bc rgb(189,209,188)
```
#bcd1bd
```
#bcd1bd rgb(188,209,189)
```
#bcd1bf
```
#bcd1bf rgb(188,209,191)
```
#bcd1c0
```
#bcd1c0 rgb(188,209,192)
```

Similar Colors

Text with hexadecimal color #bdd1bc

This text has a font color of #bdd1bc.

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

#bdd1bc background color

This paragraph has a background color of #bdd1bc.

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

#bdd1bc border color

This element has a border color of #bdd1bc.

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

CSS codes

.text {color:#bdd1bc;}

.background {background-color:#bdd1bc;}

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

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)
```
#0a0e0a
```
#0a0e0a rgb(10,14,10)
```
#121a12
```
#121a12 rgb(18,26,18)
```
#1a261a
```
#1a261a rgb(26,38,26)
```
#233122
```
#233122 rgb(35,49,34)
```
#2b3d2a
```
#2b3d2a rgb(43,61,42)
```
#334932
```
#334932 rgb(51,73,50)
```
#3b543a
```
#3b543a rgb(59,84,58)
```
#436042
```
#436042 rgb(67,96,66)
```
#4b6b4a
```
#4b6b4a rgb(75,107,74)
```
#547752
```
#547752 rgb(84,119,82)
```
#5c835a
```
#5c835a rgb(92,131,90)
```
#648e62
```
#648e62 rgb(100,142,98)
```

Shade Color Variation

#6d996b
```
#6d996b rgb(109,153,107)
```
#78a176
```
#78a176 rgb(120,161,118)
```
#84a982
```
#84a982 rgb(132,169,130)
```
#8fb18d
```
#8fb18d rgb(143,177,141)
```
#9bb999
```
#9bb999 rgb(155,185,153)
```
#a6c1a5
```
#a6c1a5 rgb(166,193,165)
```
#b2c9b0
```
#b2c9b0 rgb(178,201,176)
```
#bdd1bc
```
#bdd1bc rgb(189,209,188)
```
#c8d9c8
```
#c8d9c8 rgb(200,217,200)
```
#d4e1d3
```
#d4e1d3 rgb(212,225,211)
```
#dfe9df
```
#dfe9df rgb(223,233,223)
```
#ebf1eb
```
#ebf1eb rgb(235,241,235)
```
#f6f9f6
```
#f6f9f6 rgb(246,249,246)
```

Tint Color Variation

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

#c5c8c5
```
#c5c8c5 rgb(197,200,197)
```
#c1cdc0
```
#c1cdc0 rgb(193,205,192)
```
#bdd1bc
```
#bdd1bc rgb(189,209,188)
```
#b9d5b8
```
#b9d5b8 rgb(185,213,184)
```
#b5dab3
```
#b5dab3 rgb(181,218,179)
```
#b1deaf
```
#b1deaf rgb(177,222,175)
```
#ade2ab
```
#ade2ab rgb(173,226,171)
```
#a9e7a6
```
#a9e7a6 rgb(169,231,166)
```
#a5eba2
```
#a5eba2 rgb(165,235,162)
```
#a1ef9e
```
#a1ef9e rgb(161,239,158)
```
#9ef499
```
#9ef499 rgb(158,244,153)
```
#9af895
```
#9af895 rgb(154,248,149)
```
#96fc91
```
#96fc91 rgb(150,252,145)
```

Tone Color Variation

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

#d5cdbc Protanopia 1% of men
#e5c7c3 Deuteranopia 1% of men
#c6cedd Tritanopia 0.001% of the population

Trichromacy

#cccebc Protanomaly 1% of men, 0.01% of women
#d6cbc0 Deuteranomaly 6% of men, 0.4% of women
#c2cfd1 Tritanomaly 0.01% of the population

#bdd1bc hex color

#bdd1bc Color Information

#bdd1bc Color Conversion

Color Schemes with #bdd1bc

Alternatives to #bdd1bc

#bdd1bc Preview

Shades and Tints of #bdd1bc

Tones of #bdd1bc

Color Blindness Simulator