#bdd7bc hex color

In a RGB color space, hex #bdd7bc is composed of 74.1% red, 84.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 12.1% cyan, 0% magenta, 12.6% yellow and 15.7% black. It has a hue angle of 117.8 degrees, a saturation of 25.2% and a lightness of 79%. #bdd7bc color hex could be obtained by blending #ffffff with #7baf79. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 84
- B 74
RGB color chart
- C 12
- M 0
- Y 13
- K 16
CMYK color chart

● #bdd7bc color description : Grayish lime green.

The hexadecimal color #bdd7bc has RGB values of R:189, G:215, B:188 and CMYK values of C:0.12, M:0, Y:0.13, K:0.16. Its decimal value is 12441532.

Hex triplet	bdd7bc	`#bdd7bc`
RGB Decimal	189, 215, 188	`rgb(189,215,188)`
RGB Percent	74.1, 84.3, 73.7	`rgb(74.1%,84.3%,73.7%)`
CMYK	12, 0, 13, 16
HSL	117.8°, 25.2, 79	`hsl(117.8,25.2%,79%)`
HSV (or HSB)	117.8°, 12.6, 84.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.469, -13.705, 10.422
XYZ	54.362, 63.05, 56.88
xyY	0.312, 0.362, 63.05
CIE-LCH	83.469, 17.218, 142.75
CIE-LUV	83.469, -13.137, 17.743
Hunter-Lab	79.404, -16.752, 13.111
Binary	10111101, 11010111, 10111100

#bdd7bc
```
#bdd7bc rgb(189,215,188)
```
#d6bcd7
```
#d6bcd7 rgb(214,188,215)
```

Complementary Color

#cbd7bc
```
#cbd7bc rgb(203,215,188)
```
#bdd7bc
```
#bdd7bc rgb(189,215,188)
```
#bcd7c9
```
#bcd7c9 rgb(188,215,201)
```

Analogous Color

#d7bccb
```
#d7bccb rgb(215,188,203)
```
#bdd7bc
```
#bdd7bc rgb(189,215,188)
```
#c9bcd7
```
#c9bcd7 rgb(201,188,215)
```

Split Complementary Color

#d7bcbd
```
#d7bcbd rgb(215,188,189)
```
#bdd7bc
```
#bdd7bc rgb(189,215,188)
```
#bcbdd7
```
#bcbdd7 rgb(188,189,215)
```

Triadic Color

#d7d6bc
```
#d7d6bc rgb(215,214,188)
```
#bdd7bc
```
#bdd7bc rgb(189,215,188)
```
#bcbdd7
```
#bcbdd7 rgb(188,189,215)
```
#d6bcd7
```
#d6bcd7 rgb(214,188,215)
```

Tetradic Color

#8eba8c
```
#8eba8c rgb(142,186,140)
```
#9ec49c
```
#9ec49c rgb(158,196,156)
```
#adcdac
```
#adcdac rgb(173,205,172)
```
#bdd7bc
```
#bdd7bc rgb(189,215,188)
```
#cde1cc
```
#cde1cc rgb(205,225,204)
```
#dceadc
```
#dceadc rgb(220,234,220)
```
#ecf4ec
```
#ecf4ec rgb(236,244,236)
```

Monochromatic Color

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

#c4d7bc
```
#c4d7bc rgb(196,215,188)
```
#c2d7bc
```
#c2d7bc rgb(194,215,188)
```
#bfd7bc
```
#bfd7bc rgb(191,215,188)
```
#bdd7bc
```
#bdd7bc rgb(189,215,188)
```
#bcd7bd
```
#bcd7bd rgb(188,215,189)
```
#bcd7c0
```
#bcd7c0 rgb(188,215,192)
```
#bcd7c2
```
#bcd7c2 rgb(188,215,194)
```

Similar Colors

Text with hexadecimal color #bdd7bc

This text has a font color of #bdd7bc.

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

#bdd7bc background color

This paragraph has a background color of #bdd7bc.

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

#bdd7bc border color

This element has a border color of #bdd7bc.

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

CSS codes

.text {color:#bdd7bc;}

.background {background-color:#bdd7bc;}

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

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)
```
#131f13
```
#131f13 rgb(19,31,19)
```
#1b2c1a
```
#1b2c1a rgb(27,44,26)
```
#223821
```
#223821 rgb(34,56,33)
```
#2a4429
```
#2a4429 rgb(42,68,41)
```
#315030
```
#315030 rgb(49,80,48)
```
#395d37
```
#395d37 rgb(57,93,55)
```
#40693f
```
#40693f rgb(64,105,63)
```
#487546
```
#487546 rgb(72,117,70)
```
#4f824d
```
#4f824d rgb(79,130,77)
```
#578e55
```
#578e55 rgb(87,142,85)
```
#5e9a5c
```
#5e9a5c rgb(94,154,92)
```

Shade Color Variation

#68a466
```
#68a466 rgb(104,164,102)
```
#74ab72
```
#74ab72 rgb(116,171,114)
```
#81b27f
```
#81b27f rgb(129,178,127)
```
#8dba8b
```
#8dba8b rgb(141,186,139)
```
#99c197
```
#99c197 rgb(153,193,151)
```
#a5c8a3
```
#a5c8a3 rgb(165,200,163)
```
#b1d0b0
```
#b1d0b0 rgb(177,208,176)
```
#bdd7bc
```
#bdd7bc rgb(189,215,188)
```
#c9dec8
```
#c9dec8 rgb(201,222,200)
```
#d5e6d5
```
#d5e6d5 rgb(213,230,213)
```
#e1ede1
```
#e1ede1 rgb(225,237,225)
```
#edf4ed
```
#edf4ed rgb(237,244,237)
```
#f9fcf9
```
#f9fcf9 rgb(249,252,249)
```

Tint Color Variation

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

#c8cbc8
```
#c8cbc8 rgb(200,203,200)
```
#c5cfc4
```
#c5cfc4 rgb(197,207,196)
```
#c1d3c0
```
#c1d3c0 rgb(193,211,192)
```
#bdd7bc
```
#bdd7bc rgb(189,215,188)
```
#b9dbb8
```
#b9dbb8 rgb(185,219,184)
```
#b5dfb4
```
#b5dfb4 rgb(181,223,180)
```
#b2e3b0
```
#b2e3b0 rgb(178,227,176)
```
#aee7ac
```
#aee7ac rgb(174,231,172)
```
#aaeca7
```
#aaeca7 rgb(170,236,167)
```
#a6f0a3
```
#a6f0a3 rgb(166,240,163)
```
#a2f49f
```
#a2f49f rgb(162,244,159)
```
#9ff89b
```
#9ff89b rgb(159,248,155)
```
#9bfc97
```
#9bfc97 rgb(155,252,151)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c9cec9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd1bb Protanopia 1% of men
#ebcbc3 Deuteranopia 1% of men
#c7d3e3 Tritanopia 0.001% of the population

Trichromacy

#d0d3bb Protanomaly 1% of men, 0.01% of women
#dacfc0 Deuteranomaly 6% of men, 0.4% of women
#c3d4d4 Tritanomaly 0.01% of the population

#bdd7bc hex color

#bdd7bc Color Information

#bdd7bc Color Conversion

Color Schemes with #bdd7bc

Alternatives to #bdd7bc

#bdd7bc Preview

Shades and Tints of #bdd7bc

Tones of #bdd7bc

Color Blindness Simulator