#bdd696 hex color

In a RGB color space, hex #bdd696 is composed of 74.1% red, 83.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 11.7% cyan, 0% magenta, 29.9% yellow and 16.1% black. It has a hue angle of 83.4 degrees, a saturation of 43.8% and a lightness of 71.4%. #bdd696 color hex could be obtained by blending #ffffff with #7bad2d. Closest websafe color is: #cccc99.

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

● #bdd696 color description : Slightly desaturated green.

The hexadecimal color #bdd696 has RGB values of R:189, G:214, B:150 and CMYK values of C:0.12, M:0, Y:0.3, K:0.16. Its decimal value is 12441238.

Hex triplet	bdd696	`#bdd696`
RGB Decimal	189, 214, 150	`rgb(189,214,150)`
RGB Percent	74.1, 83.9, 58.8	`rgb(74.1%,83.9%,58.8%)`
CMYK	12, 0, 30, 16
HSL	83.4°, 43.8, 71.4	`hsl(83.4,43.8%,71.4%)`
HSV (or HSB)	83.4°, 29.9, 83.9
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.44, -19.243, 28.929
XYZ	50.537, 61.114, 37.986
xyY	0.338, 0.408, 61.114
CIE-LCH	82.44, 34.745, 123.631
CIE-LUV	82.44, -11.655, 43.275
Hunter-Lab	78.175, -21.415, 25.913
Binary	10111101, 11010110, 10010110

#bdd696
```
#bdd696 rgb(189,214,150)
```
#af96d6
```
#af96d6 rgb(175,150,214)
```

Complementary Color

#d6cf96
```
#d6cf96 rgb(214,207,150)
```
#bdd696
```
#bdd696 rgb(189,214,150)
```
#9dd696
```
#9dd696 rgb(157,214,150)
```

Analogous Color

#cf96d6
```
#cf96d6 rgb(207,150,214)
```
#bdd696
```
#bdd696 rgb(189,214,150)
```
#969dd6
```
#969dd6 rgb(150,157,214)
```

Split Complementary Color

#d696bd
```
#d696bd rgb(214,150,189)
```
#bdd696
```
#bdd696 rgb(189,214,150)
```
#96bdd6
```
#96bdd6 rgb(150,189,214)
```

Triadic Color

#d6af96
```
#d6af96 rgb(214,175,150)
```
#bdd696
```
#bdd696 rgb(189,214,150)
```
#96bdd6
```
#96bdd6 rgb(150,189,214)
```
#af96d6
```
#af96d6 rgb(175,150,214)
```

Tetradic Color

#9ac15f
```
#9ac15f rgb(154,193,95)
```
#a6c871
```
#a6c871 rgb(166,200,113)
```
#b1cf84
```
#b1cf84 rgb(177,207,132)
```
#bdd696
```
#bdd696 rgb(189,214,150)
```
#c9dda8
```
#c9dda8 rgb(201,221,168)
```
#d4e4bb
```
#d4e4bb rgb(212,228,187)
```
#e0ebcd
```
#e0ebcd rgb(224,235,205)
```

Monochromatic Color

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

#cdd696
```
#cdd696 rgb(205,214,150)
```
#c8d696
```
#c8d696 rgb(200,214,150)
```
#c2d696
```
#c2d696 rgb(194,214,150)
```
#bdd696
```
#bdd696 rgb(189,214,150)
```
#b8d696
```
#b8d696 rgb(184,214,150)
```
#b2d696
```
#b2d696 rgb(178,214,150)
```
#add696
```
#add696 rgb(173,214,150)
```

Similar Colors

Text with hexadecimal color #bdd696

This text has a font color of #bdd696.

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

#bdd696 background color

This paragraph has a background color of #bdd696.

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

#bdd696 border color

This element has a border color of #bdd696.

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

CSS codes

.text {color:#bdd696;}

.background {background-color:#bdd696;}

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

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

#060803
```
#060803 rgb(6,8,3)
```
#111609
```
#111609 rgb(17,22,9)
```
#1b240e
```
#1b240e rgb(27,36,14)
```
#263214
```
#263214 rgb(38,50,20)
```
#314019
```
#314019 rgb(49,64,25)
```
#3c4e1f
```
#3c4e1f rgb(60,78,31)
```
#465c24
```
#465c24 rgb(70,92,36)
```
#516b2a
```
#516b2a rgb(81,107,42)
```
#5c792f
```
#5c792f rgb(92,121,47)
```
#678735
```
#678735 rgb(103,135,53)
```
#71953a
```
#71953a rgb(113,149,58)
```
#7ca340
```
#7ca340 rgb(124,163,64)
```
#87b145
```
#87b145 rgb(135,177,69)
```

Shade Color Variation

#91ba4f
```
#91ba4f rgb(145,186,79)
```
#9ac05e
```
#9ac05e rgb(154,192,94)
```
#a2c56c
```
#a2c56c rgb(162,197,108)
```
#abcb7a
```
#abcb7a rgb(171,203,122)
```
#b4d088
```
#b4d088 rgb(180,208,136)
```
#bdd696
```
#bdd696 rgb(189,214,150)
```
#c6dca4
```
#c6dca4 rgb(198,220,164)
```
#cfe1b2
```
#cfe1b2 rgb(207,225,178)
```
#d8e7c0
```
#d8e7c0 rgb(216,231,192)
```
#e0ecce
```
#e0ecce rgb(224,236,206)
```
#e9f2dd
```
#e9f2dd rgb(233,242,221)
```
#f2f7eb
```
#f2f7eb rgb(242,247,235)
```
#fbfdf9
```
#fbfdf9 rgb(251,253,249)
```

Tint Color Variation

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

#b7bab2
```
#b7bab2 rgb(183,186,178)
```
#b8c0ac
```
#b8c0ac rgb(184,192,172)
```
#b9c5a7
```
#b9c5a7 rgb(185,197,167)
```
#bbcba1
```
#bbcba1 rgb(187,203,161)
```
#bcd09c
```
#bcd09c rgb(188,208,156)
```
#bdd696
```
#bdd696 rgb(189,214,150)
```
#bedc90
```
#bedc90 rgb(190,220,144)
```
#bfe18b
```
#bfe18b rgb(191,225,139)
```
#c1e785
```
#c1e785 rgb(193,231,133)
```
#c2ec80
```
#c2ec80 rgb(194,236,128)
```
#c3f27a
```
#c3f27a rgb(195,242,122)
```
#c4f874
```
#c4f874 rgb(196,248,116)
```
#c6fd6f
```
#c6fd6f rgb(198,253,111)
```

Tone Color Variation

Below, you can see how #bdd696 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
#c5cabd Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfcf97 Protanopia 1% of men
#f2c7a0 Deuteranopia 1% of men
#cbcfde Tritanopia 0.001% of the population

Trichromacy

#d2d197 Protanomaly 1% of men, 0.01% of women
#dfcc9c Deuteranomaly 6% of men, 0.4% of women
#c6d1c3 Tritanomaly 0.01% of the population

#bdd696 hex color

#bdd696 Color Information

#bdd696 Color Conversion

Color Schemes with #bdd696

Alternatives to #bdd696

#bdd696 Preview

Shades and Tints of #bdd696

Tones of #bdd696

Color Blindness Simulator