#bdd4a0 hex color

In a RGB color space, hex #bdd4a0 is composed of 74.1% red, 83.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 10.8% cyan, 0% magenta, 24.5% yellow and 16.9% black. It has a hue angle of 86.5 degrees, a saturation of 37.7% and a lightness of 72.9%. #bdd4a0 color hex could be obtained by blending #ffffff with #7ba941. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 74
- G 83
- B 63
RGB color chart
- C 11
- M 0
- Y 25
- K 17
CMYK color chart

● #bdd4a0 color description : Grayish green.

The hexadecimal color #bdd4a0 has RGB values of R:189, G:212, B:160 and CMYK values of C:0.11, M:0, Y:0.25, K:0.17. Its decimal value is 12440736.

Hex triplet	bdd4a0	`#bdd4a0`
RGB Decimal	189, 212, 160	`rgb(189,212,160)`
RGB Percent	74.1, 83.1, 62.7	`rgb(74.1%,83.1%,62.7%)`
CMYK	11, 0, 25, 17
HSL	86.5°, 37.7, 72.9	`hsl(86.5,37.7%,72.9%)`
HSV (or HSB)	86.5°, 24.5, 83.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.079, -16.789, 23.233
XYZ	50.873, 60.443, 42.242
xyY	0.331, 0.394, 60.443
CIE-LCH	82.079, 28.664, 125.852
CIE-LUV	82.079, -10.839, 35.621
Hunter-Lab	77.745, -19.251, 22.207
Binary	10111101, 11010100, 10100000

#bdd4a0
```
#bdd4a0 rgb(189,212,160)
```
#b7a0d4
```
#b7a0d4 rgb(183,160,212)
```

Complementary Color

#d4d1a0
```
#d4d1a0 rgb(212,209,160)
```
#bdd4a0
```
#bdd4a0 rgb(189,212,160)
```
#a3d4a0
```
#a3d4a0 rgb(163,212,160)
```

Analogous Color

#d1a0d4
```
#d1a0d4 rgb(209,160,212)
```
#bdd4a0
```
#bdd4a0 rgb(189,212,160)
```
#a0a3d4
```
#a0a3d4 rgb(160,163,212)
```

Split Complementary Color

#d4a0bd
```
#d4a0bd rgb(212,160,189)
```
#bdd4a0
```
#bdd4a0 rgb(189,212,160)
```
#a0bdd4
```
#a0bdd4 rgb(160,189,212)
```

Triadic Color

#d4b7a0
```
#d4b7a0 rgb(212,183,160)
```
#bdd4a0
```
#bdd4a0 rgb(189,212,160)
```
#a0bdd4
```
#a0bdd4 rgb(160,189,212)
```
#b7a0d4
```
#b7a0d4 rgb(183,160,212)
```

Tetradic Color

#98bc6b
```
#98bc6b rgb(152,188,107)
```
#a5c47d
```
#a5c47d rgb(165,196,125)
```
#b1cc8e
```
#b1cc8e rgb(177,204,142)
```
#bdd4a0
```
#bdd4a0 rgb(189,212,160)
```
#c9dcb2
```
#c9dcb2 rgb(201,220,178)
```
#d5e4c3
```
#d5e4c3 rgb(213,228,195)
```
#e2ecd5
```
#e2ecd5 rgb(226,236,213)
```

Monochromatic Color

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

#cad4a0
```
#cad4a0 rgb(202,212,160)
```
#c6d4a0
```
#c6d4a0 rgb(198,212,160)
```
#c1d4a0
```
#c1d4a0 rgb(193,212,160)
```
#bdd4a0
```
#bdd4a0 rgb(189,212,160)
```
#b9d4a0
```
#b9d4a0 rgb(185,212,160)
```
#b4d4a0
```
#b4d4a0 rgb(180,212,160)
```
#b0d4a0
```
#b0d4a0 rgb(176,212,160)
```

Similar Colors

Text with hexadecimal color #bdd4a0

This text has a font color of #bdd4a0.

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

#bdd4a0 background color

This paragraph has a background color of #bdd4a0.

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

#bdd4a0 border color

This element has a border color of #bdd4a0.

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

CSS codes

.text {color:#bdd4a0;}

.background {background-color:#bdd4a0;}

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

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, #0a0d06 is the darkest color, while #ffffff is the lightest one.

#0a0d06
```
#0a0d06 rgb(10,13,6)
```
#141b0c
```
#141b0c rgb(20,27,12)
```
#1e2812
```
#1e2812 rgb(30,40,18)
```
#293618
```
#293618 rgb(41,54,24)
```
#33431e
```
#33431e rgb(51,67,30)
```
#3d5124
```
#3d5124 rgb(61,81,36)
```
#475e2b
```
#475e2b rgb(71,94,43)
```
#526c31
```
#526c31 rgb(82,108,49)
```
#5c7937
```
#5c7937 rgb(92,121,55)
```
#66873d
```
#66873d rgb(102,135,61)
```
#709443
```
#709443 rgb(112,148,67)
```
#7aa249
```
#7aa249 rgb(122,162,73)
```
#85af4f
```
#85af4f rgb(133,175,79)
```

Shade Color Variation

#8eb55c
```
#8eb55c rgb(142,181,92)
```
#97bc6a
```
#97bc6a rgb(151,188,106)
```
#a1c277
```
#a1c277 rgb(161,194,119)
```
#aac885
```
#aac885 rgb(170,200,133)
```
#b4ce92
```
#b4ce92 rgb(180,206,146)
```
#bdd4a0
```
#bdd4a0 rgb(189,212,160)
```
#c6daae
```
#c6daae rgb(198,218,174)
```
#d0e0bb
```
#d0e0bb rgb(208,224,187)
```
#d9e6c9
```
#d9e6c9 rgb(217,230,201)
```
#e3ecd6
```
#e3ecd6 rgb(227,236,214)
```
#ecf3e4
```
#ecf3e4 rgb(236,243,228)
```
#f5f9f1
```
#f5f9f1 rgb(245,249,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#bbbfb5
```
#bbbfb5 rgb(187,191,181)
```
#bbc4b0
```
#bbc4b0 rgb(187,196,176)
```
#bcc9ab
```
#bcc9ab rgb(188,201,171)
```
#bccfa5
```
#bccfa5 rgb(188,207,165)
```
#bdd4a0
```
#bdd4a0 rgb(189,212,160)
```
#bed99b
```
#bed99b rgb(190,217,155)
```
#bedf95
```
#bedf95 rgb(190,223,149)
```
#bfe490
```
#bfe490 rgb(191,228,144)
```
#bfe98b
```
#bfe98b rgb(191,233,139)
```
#c0ef85
```
#c0ef85 rgb(192,239,133)
```
#c1f480
```
#c1f480 rgb(193,244,128)
```
#c1f97b
```
#c1f97b rgb(193,249,123)
```
#c2fe76
```
#c2fe76 rgb(194,254,118)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c5cabf Atypical Achromatopsia 0.001% of the population

Dichromacy

#dccea1 Protanopia 1% of men
#eec7a9 Deuteranopia 1% of men
#cacedd Tritanopia 0.001% of the population

Trichromacy

#d0d0a1 Protanomaly 1% of men, 0.01% of women
#dccba6 Deuteranomaly 6% of men, 0.4% of women
#c5d0c7 Tritanomaly 0.01% of the population

#bdd4a0 hex color

#bdd4a0 Color Information

#bdd4a0 Color Conversion

Color Schemes with #bdd4a0

Alternatives to #bdd4a0

#bdd4a0 Preview

Shades and Tints of #bdd4a0

Tones of #bdd4a0

Color Blindness Simulator