#bdd4bb hex color

In a RGB color space, hex #bdd4bb is composed of 74.1% red, 83.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 10.8% cyan, 0% magenta, 11.8% yellow and 16.9% black. It has a hue angle of 115.2 degrees, a saturation of 22.5% and a lightness of 78.2%. #bdd4bb color hex could be obtained by blending #ffffff with #7ba977. 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

● #bdd4bb color description : Grayish lime green.

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

Hex triplet	bdd4bb	`#bdd4bb`
RGB Decimal	189, 212, 187	`rgb(189,212,187)`
RGB Percent	74.1, 83.1, 73.3	`rgb(74.1%,83.1%,73.3%)`
CMYK	11, 0, 12, 17
HSL	115.2°, 22.5, 78.2	`hsl(115.2,22.5%,78.2%)`
HSV (or HSB)	115.2°, 11.8, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.643, -12.359, 9.775
XYZ	53.497, 61.493, 56.062
xyY	0.313, 0.359, 61.493
CIE-LCH	82.643, 15.757, 141.659
CIE-LUV	82.643, -11.602, 16.55
Hunter-Lab	78.417, -15.456, 12.505
Binary	10111101, 11010100, 10111011

#bdd4bb
```
#bdd4bb rgb(189,212,187)
```
#d2bbd4
```
#d2bbd4 rgb(210,187,212)
```

Complementary Color

#cad4bb
```
#cad4bb rgb(202,212,187)
```
#bdd4bb
```
#bdd4bb rgb(189,212,187)
```
#bbd4c6
```
#bbd4c6 rgb(187,212,198)
```

Analogous Color

#d4bbca
```
#d4bbca rgb(212,187,202)
```
#bdd4bb
```
#bdd4bb rgb(189,212,187)
```
#c6bbd4
```
#c6bbd4 rgb(198,187,212)
```

Split Complementary Color

#d4bbbd
```
#d4bbbd rgb(212,187,189)
```
#bdd4bb
```
#bdd4bb rgb(189,212,187)
```
#bbbdd4
```
#bbbdd4 rgb(187,189,212)
```

Triadic Color

#d4d2bb
```
#d4d2bb rgb(212,210,187)
```
#bdd4bb
```
#bdd4bb rgb(189,212,187)
```
#bbbdd4
```
#bbbdd4 rgb(187,189,212)
```
#d2bbd4
```
#d2bbd4 rgb(210,187,212)
```

Tetradic Color

#90b68c
```
#90b68c rgb(144,182,140)
```
#9fc09c
```
#9fc09c rgb(159,192,156)
```
#aecaab
```
#aecaab rgb(174,202,171)
```
#bdd4bb
```
#bdd4bb rgb(189,212,187)
```
#ccdecb
```
#ccdecb rgb(204,222,203)
```
#dbe8da
```
#dbe8da rgb(219,232,218)
```
#eaf2ea
```
#eaf2ea rgb(234,242,234)
```

Monochromatic Color

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

#c3d4bb
```
#c3d4bb rgb(195,212,187)
```
#c1d4bb
```
#c1d4bb rgb(193,212,187)
```
#bfd4bb
```
#bfd4bb rgb(191,212,187)
```
#bdd4bb
```
#bdd4bb rgb(189,212,187)
```
#bbd4bb
```
#bbd4bb rgb(187,212,187)
```
#bbd4bd
```
#bbd4bd rgb(187,212,189)
```
#bbd4bf
```
#bbd4bf rgb(187,212,191)
```

Similar Colors

Text with hexadecimal color #bdd4bb

This text has a font color of #bdd4bb.

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

#bdd4bb background color

This paragraph has a background color of #bdd4bb.

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

#bdd4bb border color

This element has a border color of #bdd4bb.

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

CSS codes

.text {color:#bdd4bb;}

.background {background-color:#bdd4bb;}

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

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

#030403
```
#030403 rgb(3,4,3)
```
#0b100a
```
#0b100a rgb(11,16,10)
```
#131c12
```
#131c12 rgb(19,28,18)
```
#1b2819
```
#1b2819 rgb(27,40,25)
```
#233421
```
#233421 rgb(35,52,33)
```
#2a4029
```
#2a4029 rgb(42,64,41)
```
#324c30
```
#324c30 rgb(50,76,48)
```
#3a5838
```
#3a5838 rgb(58,88,56)
```
#42643f
```
#42643f rgb(66,100,63)
```
#4a7047
```
#4a7047 rgb(74,112,71)
```
#527c4f
```
#527c4f rgb(82,124,79)
```
#5a8856
```
#5a8856 rgb(90,136,86)
```
#62945e
```
#62945e rgb(98,148,94)
```

Shade Color Variation

#6b9f67
```
#6b9f67 rgb(107,159,103)
```
#77a673
```
#77a673 rgb(119,166,115)
```
#83ae7f
```
#83ae7f rgb(131,174,127)
```
#8eb68b
```
#8eb68b rgb(142,182,139)
```
#9abd97
```
#9abd97 rgb(154,189,151)
```
#a6c5a3
```
#a6c5a3 rgb(166,197,163)
```
#b1ccaf
```
#b1ccaf rgb(177,204,175)
```
#bdd4bb
```
#bdd4bb rgb(189,212,187)
```
#c9dcc7
```
#c9dcc7 rgb(201,220,199)
```
#d4e3d3
```
#d4e3d3 rgb(212,227,211)
```
#e0ebdf
```
#e0ebdf rgb(224,235,223)
```
#ecf2eb
```
#ecf2eb rgb(236,242,235)
```
#f7faf7
```
#f7faf7 rgb(247,250,247)
```

Tint Color Variation

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

#c4cbc4
```
#c4cbc4 rgb(196,203,196)
```
#c1d0bf
```
#c1d0bf rgb(193,208,191)
```
#bdd4bb
```
#bdd4bb rgb(189,212,187)
```
#b9d8b7
```
#b9d8b7 rgb(185,216,183)
```
#b6ddb2
```
#b6ddb2 rgb(182,221,178)
```
#b2e1ae
```
#b2e1ae rgb(178,225,174)
```
#afe5aa
```
#afe5aa rgb(175,229,170)
```
#abe9a6
```
#abe9a6 rgb(171,233,166)
```
#a7eea1
```
#a7eea1 rgb(167,238,161)
```
#a4f29d
```
#a4f29d rgb(164,242,157)
```
#a0f699
```
#a0f699 rgb(160,246,153)
```
#9dfa95
```
#9dfa95 rgb(157,250,149)
```
#99ff90
```
#99ff90 rgb(153,255,144)
```

Tone Color Variation

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

#d8cfbb Protanopia 1% of men
#e8c9c2 Deuteranopia 1% of men
#c6d1e0 Tritanopia 0.001% of the population

Trichromacy

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

#bdd4bb hex color

#bdd4bb Color Information

#bdd4bb Color Conversion

Color Schemes with #bdd4bb

Alternatives to #bdd4bb

#bdd4bb Preview

Shades and Tints of #bdd4bb

Tones of #bdd4bb

Color Blindness Simulator