#bdd2bc hex color

In a RGB color space, hex #bdd2bc is composed of 74.1% red, 82.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 0% magenta, 10.5% yellow and 17.6% black. It has a hue angle of 117.3 degrees, a saturation of 19.6% and a lightness of 78%. #bdd2bc color hex could be obtained by blending #ffffff with #7ba579. 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

● #bdd2bc color description : Grayish lime green.

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

Hex triplet	bdd2bc	`#bdd2bc`
RGB Decimal	189, 210, 188	`rgb(189,210,188)`
RGB Percent	74.1, 82.4, 73.7	`rgb(74.1%,82.4%,73.7%)`
CMYK	10, 0, 10, 18
HSL	117.3°, 19.6, 78	`hsl(117.3,19.6%,78%)`
HSV (or HSB)	117.3°, 10.5, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.132, -11.16, 8.513
XYZ	53.108, 60.542, 56.462
xyY	0.312, 0.356, 60.542
CIE-LCH	82.132, 14.036, 142.663
CIE-LUV	82.132, -10.625, 14.511
Hunter-Lab	77.809, -14.331, 11.442
Binary	10111101, 11010010, 10111100

#bdd2bc
```
#bdd2bc rgb(189,210,188)
```
#d1bcd2
```
#d1bcd2 rgb(209,188,210)
```

Complementary Color

#c8d2bc
```
#c8d2bc rgb(200,210,188)
```
#bdd2bc
```
#bdd2bc rgb(189,210,188)
```
#bcd2c6
```
#bcd2c6 rgb(188,210,198)
```

Analogous Color

#d2bcc8
```
#d2bcc8 rgb(210,188,200)
```
#bdd2bc
```
#bdd2bc rgb(189,210,188)
```
#c6bcd2
```
#c6bcd2 rgb(198,188,210)
```

Split Complementary Color

#d2bcbd
```
#d2bcbd rgb(210,188,189)
```
#bdd2bc
```
#bdd2bc rgb(189,210,188)
```
#bcbdd2
```
#bcbdd2 rgb(188,189,210)
```

Triadic Color

#d2d1bc
```
#d2d1bc rgb(210,209,188)
```
#bdd2bc
```
#bdd2bc rgb(189,210,188)
```
#bcbdd2
```
#bcbdd2 rgb(188,189,210)
```
#d1bcd2
```
#d1bcd2 rgb(209,188,210)
```

Tetradic Color

#90b38e
```
#90b38e rgb(144,179,142)
```
#9fbe9d
```
#9fbe9d rgb(159,190,157)
```
#aec8ad
```
#aec8ad rgb(174,200,173)
```
#bdd2bc
```
#bdd2bc rgb(189,210,188)
```
#ccdccb
```
#ccdccb rgb(204,220,203)
```
#dbe6db
```
#dbe6db rgb(219,230,219)
```
#eaf1ea
```
#eaf1ea rgb(234,241,234)
```

Monochromatic Color

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

#c3d2bc
```
#c3d2bc rgb(195,210,188)
```
#c1d2bc
```
#c1d2bc rgb(193,210,188)
```
#bfd2bc
```
#bfd2bc rgb(191,210,188)
```
#bdd2bc
```
#bdd2bc rgb(189,210,188)
```
#bcd2bd
```
#bcd2bd rgb(188,210,189)
```
#bcd2bf
```
#bcd2bf rgb(188,210,191)
```
#bcd2c1
```
#bcd2c1 rgb(188,210,193)
```

Similar Colors

Text with hexadecimal color #bdd2bc

This text has a font color of #bdd2bc.

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

#bdd2bc background color

This paragraph has a background color of #bdd2bc.

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

#bdd2bc border color

This element has a border color of #bdd2bc.

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

CSS codes

.text {color:#bdd2bc;}

.background {background-color:#bdd2bc;}

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

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 #f7f9f7 is the lightest one.

#020302
```
#020302 rgb(2,3,2)
```
#0a0f0a
```
#0a0f0a rgb(10,15,10)
```
#121b12
```
#121b12 rgb(18,27,18)
```
#1b271a
```
#1b271a rgb(27,39,26)
```
#233222
```
#233222 rgb(35,50,34)
```
#2b3e2a
```
#2b3e2a rgb(43,62,42)
```
#334a32
```
#334a32 rgb(51,74,50)
```
#3b5639
```
#3b5639 rgb(59,86,57)
```
#436141
```
#436141 rgb(67,97,65)
```
#4b6d49
```
#4b6d49 rgb(75,109,73)
```
#537951
```
#537951 rgb(83,121,81)
```
#5b8459
```
#5b8459 rgb(91,132,89)
```
#639061
```
#639061 rgb(99,144,97)
```

Shade Color Variation

#6c9b6a
```
#6c9b6a rgb(108,155,106)
```
#78a376
```
#78a376 rgb(120,163,118)
```
#83ab81
```
#83ab81 rgb(131,171,129)
```
#8fb28d
```
#8fb28d rgb(143,178,141)
```
#9aba99
```
#9aba99 rgb(154,186,153)
```
#a6c2a5
```
#a6c2a5 rgb(166,194,165)
```
#b1cab0
```
#b1cab0 rgb(177,202,176)
```
#bdd2bc
```
#bdd2bc rgb(189,210,188)
```
#c9dac8
```
#c9dac8 rgb(201,218,200)
```
#d4e2d3
```
#d4e2d3 rgb(212,226,211)
```
#e0eadf
```
#e0eadf rgb(224,234,223)
```
#ebf2eb
```
#ebf2eb rgb(235,242,235)
```
#f7f9f7
```
#f7f9f7 rgb(247,249,247)
```

Tint Color Variation

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

#c5c9c5
```
#c5c9c5 rgb(197,201,197)
```
#c1cec0
```
#c1cec0 rgb(193,206,192)
```
#bdd2bc
```
#bdd2bc rgb(189,210,188)
```
#b9d6b8
```
#b9d6b8 rgb(185,214,184)
```
#b5dbb3
```
#b5dbb3 rgb(181,219,179)
```
#b1dfaf
```
#b1dfaf rgb(177,223,175)
```
#ade3ab
```
#ade3ab rgb(173,227,171)
```
#a9e8a6
```
#a9e8a6 rgb(169,232,166)
```
#a6eca2
```
#a6eca2 rgb(166,236,162)
```
#a2f09e
```
#a2f09e rgb(162,240,158)
```
#9ef49a
```
#9ef49a rgb(158,244,154)
```
#9af995
```
#9af995 rgb(154,249,149)
```
#96fd91
```
#96fd91 rgb(150,253,145)
```

Tone Color Variation

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

#d6cebc Protanopia 1% of men
#e6c8c3 Deuteranopia 1% of men
#c6cfde Tritanopia 0.001% of the population

Trichromacy

#cdcfbc Protanomaly 1% of men, 0.01% of women
#d7cbc0 Deuteranomaly 6% of men, 0.4% of women
#c2d0d1 Tritanomaly 0.01% of the population

#bdd2bc hex color

#bdd2bc Color Information

#bdd2bc Color Conversion

Color Schemes with #bdd2bc

Alternatives to #bdd2bc

#bdd2bc Preview

Shades and Tints of #bdd2bc

Tones of #bdd2bc

Color Blindness Simulator