#bdd4ba hex color

In a RGB color space, hex #bdd4ba is composed of 74.1% red, 83.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 10.8% cyan, 0% magenta, 12.3% yellow and 16.9% black. It has a hue angle of 113.1 degrees, a saturation of 23.2% and a lightness of 78%. #bdd4ba color hex could be obtained by blending #ffffff with #7ba975. Closest websafe color is: #cccccc.

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

● #bdd4ba color description : Grayish lime green.

The hexadecimal color #bdd4ba has RGB values of R:189, G:212, B:186 and CMYK values of C:0.11, M:0, Y:0.12, K:0.17. Its decimal value is 12440762.

Hex triplet	bdd4ba	`#bdd4ba`
RGB Decimal	189, 212, 186	`rgb(189,212,186)`
RGB Percent	74.1, 83.1, 72.9	`rgb(74.1%,83.1%,72.9%)`
CMYK	11, 0, 12, 17
HSL	113.1°, 23.2, 78	`hsl(113.1,23.2%,78%)`
HSV (or HSB)	113.1°, 12.3, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.62, -12.535, 10.273
XYZ	53.391, 61.45, 55.5
xyY	0.313, 0.361, 61.45
CIE-LCH	82.62, 16.206, 140.664
CIE-LUV	82.62, -11.572, 17.291
Hunter-Lab	78.39, -15.609, 12.896
Binary	10111101, 11010100, 10111010

#bdd4ba
```
#bdd4ba rgb(189,212,186)
```
#d1bad4
```
#d1bad4 rgb(209,186,212)
```

Complementary Color

#cad4ba
```
#cad4ba rgb(202,212,186)
```
#bdd4ba
```
#bdd4ba rgb(189,212,186)
```
#bad4c4
```
#bad4c4 rgb(186,212,196)
```

Analogous Color

#d4baca
```
#d4baca rgb(212,186,202)
```
#bdd4ba
```
#bdd4ba rgb(189,212,186)
```
#c4bad4
```
#c4bad4 rgb(196,186,212)
```

Split Complementary Color

#d4babd
```
#d4babd rgb(212,186,189)
```
#bdd4ba
```
#bdd4ba rgb(189,212,186)
```
#babdd4
```
#babdd4 rgb(186,189,212)
```

Triadic Color

#d4d1ba
```
#d4d1ba rgb(212,209,186)
```
#bdd4ba
```
#bdd4ba rgb(189,212,186)
```
#babdd4
```
#babdd4 rgb(186,189,212)
```
#d1bad4
```
#d1bad4 rgb(209,186,212)
```

Tetradic Color

#90b78b
```
#90b78b rgb(144,183,139)
```
#9fc09b
```
#9fc09b rgb(159,192,155)
```
#aecaaa
```
#aecaaa rgb(174,202,170)
```
#bdd4ba
```
#bdd4ba rgb(189,212,186)
```
#ccdeca
```
#ccdeca rgb(204,222,202)
```
#dbe8d9
```
#dbe8d9 rgb(219,232,217)
```
#eaf1e9
```
#eaf1e9 rgb(234,241,233)
```

Monochromatic Color

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

#c4d4ba
```
#c4d4ba rgb(196,212,186)
```
#c1d4ba
```
#c1d4ba rgb(193,212,186)
```
#bfd4ba
```
#bfd4ba rgb(191,212,186)
```
#bdd4ba
```
#bdd4ba rgb(189,212,186)
```
#bbd4ba
```
#bbd4ba rgb(187,212,186)
```
#bad4bb
```
#bad4bb rgb(186,212,187)
```
#bad4be
```
#bad4be rgb(186,212,190)
```

Similar Colors

Text with hexadecimal color #bdd4ba

This text has a font color of #bdd4ba.

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

#bdd4ba background color

This paragraph has a background color of #bdd4ba.

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

#bdd4ba border color

This element has a border color of #bdd4ba.

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

CSS codes

.text {color:#bdd4ba;}

.background {background-color:#bdd4ba;}

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

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

#020402
```
#020402 rgb(2,4,2)
```
#0a100a
```
#0a100a rgb(10,16,10)
```
#121c11
```
#121c11 rgb(18,28,17)
```
#1b2819
```
#1b2819 rgb(27,40,25)
```
#233420
```
#233420 rgb(35,52,32)
```
#2b4028
```
#2b4028 rgb(43,64,40)
```
#334c2f
```
#334c2f rgb(51,76,47)
```
#3b5837
```
#3b5837 rgb(59,88,55)
```
#43643e
```
#43643e rgb(67,100,62)
```
#4b7046
```
#4b7046 rgb(75,112,70)
```
#537c4d
```
#537c4d rgb(83,124,77)
```
#5b8855
```
#5b8855 rgb(91,136,85)
```
#63955d
```
#63955d rgb(99,149,93)
```

Shade Color Variation

#6c9f65
```
#6c9f65 rgb(108,159,101)
```
#78a771
```
#78a771 rgb(120,167,113)
```
#83ae7e
```
#83ae7e rgb(131,174,126)
```
#8fb68a
```
#8fb68a rgb(143,182,138)
```
#9abd96
```
#9abd96 rgb(154,189,150)
```
#a6c5a2
```
#a6c5a2 rgb(166,197,162)
```
#b1ccae
```
#b1ccae rgb(177,204,174)
```
#bdd4ba
```
#bdd4ba rgb(189,212,186)
```
#c9dcc6
```
#c9dcc6 rgb(201,220,198)
```
#d4e3d2
```
#d4e3d2 rgb(212,227,210)
```
#e0ebde
```
#e0ebde rgb(224,235,222)
```
#ebf2ea
```
#ebf2ea rgb(235,242,234)
```
#f7faf6
```
#f7faf6 rgb(247,250,246)
```

Tint Color Variation

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

#c7c7c7
```
#c7c7c7 rgb(199,199,199)
```
#c4cbc3
```
#c4cbc3 rgb(196,203,195)
```
#c0d0be
```
#c0d0be rgb(192,208,190)
```
#bdd4ba
```
#bdd4ba rgb(189,212,186)
```
#bad8b6
```
#bad8b6 rgb(186,216,182)
```
#b6ddb1
```
#b6ddb1 rgb(182,221,177)
```
#b3e1ad
```
#b3e1ad rgb(179,225,173)
```
#b0e5a9
```
#b0e5a9 rgb(176,229,169)
```
#aceaa4
```
#aceaa4 rgb(172,234,164)
```
#a9eea0
```
#a9eea0 rgb(169,238,160)
```
#a6f29c
```
#a6f29c rgb(166,242,156)
```
#a2f698
```
#a2f698 rgb(162,246,152)
```
#9ffb93
```
#9ffb93 rgb(159,251,147)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c7ccc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8cfba Protanopia 1% of men
#e8c9c1 Deuteranopia 1% of men
#c6d1e0 Tritanopia 0.001% of the population

Trichromacy

#ced1ba Protanomaly 1% of men, 0.01% of women
#d8cdbe Deuteranomaly 6% of men, 0.4% of women
#c3d2d2 Tritanomaly 0.01% of the population

#bdd4ba hex color

#bdd4ba Color Information

#bdd4ba Color Conversion

Color Schemes with #bdd4ba

Alternatives to #bdd4ba

#bdd4ba Preview

Shades and Tints of #bdd4ba

Tones of #bdd4ba

Color Blindness Simulator