#bdd5bb hex color

In a RGB color space, hex #bdd5bb is composed of 74.1% red, 83.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 11.3% cyan, 0% magenta, 12.2% yellow and 16.5% black. It has a hue angle of 115.4 degrees, a saturation of 23.6% and a lightness of 78.4%. #bdd5bb color hex could be obtained by blending #ffffff with #7bab77. Closest websafe color is: #cccccc.

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

● #bdd5bb color description : Grayish lime green.

The hexadecimal color #bdd5bb has RGB values of R:189, G:213, B:187 and CMYK values of C:0.11, M:0, Y:0.12, K:0.16. Its decimal value is 12441019.

Hex triplet	bdd5bb	`#bdd5bb`
RGB Decimal	189, 213, 187	`rgb(189,213,187)`
RGB Percent	74.1, 83.5, 73.3	`rgb(74.1%,83.5%,73.3%)`
CMYK	11, 0, 12, 16
HSL	115.4°, 23.6, 78.4	`hsl(115.4,23.6%,78.4%)`
HSV (or HSB)	115.4°, 12.2, 83.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.911, -12.867, 10.156
XYZ	53.748, 61.995, 56.145
xyY	0.313, 0.361, 61.995
CIE-LCH	82.911, 16.392, 141.716
CIE-LUV	82.911, -12.105, 17.195
Hunter-Lab	78.737, -15.939, 12.837
Binary	10111101, 11010101, 10111011

#bdd5bb
```
#bdd5bb rgb(189,213,187)
```
#d3bbd5
```
#d3bbd5 rgb(211,187,213)
```

Complementary Color

#cad5bb
```
#cad5bb rgb(202,213,187)
```
#bdd5bb
```
#bdd5bb rgb(189,213,187)
```
#bbd5c6
```
#bbd5c6 rgb(187,213,198)
```

Analogous Color

#d5bbca
```
#d5bbca rgb(213,187,202)
```
#bdd5bb
```
#bdd5bb rgb(189,213,187)
```
#c6bbd5
```
#c6bbd5 rgb(198,187,213)
```

Split Complementary Color

#d5bbbd
```
#d5bbbd rgb(213,187,189)
```
#bdd5bb
```
#bdd5bb rgb(189,213,187)
```
#bbbdd5
```
#bbbdd5 rgb(187,189,213)
```

Triadic Color

#d5d3bb
```
#d5d3bb rgb(213,211,187)
```
#bdd5bb
```
#bdd5bb rgb(189,213,187)
```
#bbbdd5
```
#bbbdd5 rgb(187,189,213)
```
#d3bbd5
```
#d3bbd5 rgb(211,187,213)
```

Tetradic Color

#8fb88c
```
#8fb88c rgb(143,184,140)
```
#9ec29b
```
#9ec29b rgb(158,194,155)
```
#aecbab
```
#aecbab rgb(174,203,171)
```
#bdd5bb
```
#bdd5bb rgb(189,213,187)
```
#ccdfcb
```
#ccdfcb rgb(204,223,203)
```
#dce8db
```
#dce8db rgb(220,232,219)
```
#ebf2ea
```
#ebf2ea rgb(235,242,234)
```

Monochromatic Color

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

#c4d5bb
```
#c4d5bb rgb(196,213,187)
```
#c1d5bb
```
#c1d5bb rgb(193,213,187)
```
#bfd5bb
```
#bfd5bb rgb(191,213,187)
```
#bdd5bb
```
#bdd5bb rgb(189,213,187)
```
#bbd5bb
```
#bbd5bb rgb(187,213,187)
```
#bbd5bd
```
#bbd5bd rgb(187,213,189)
```
#bbd5c0
```
#bbd5c0 rgb(187,213,192)
```

Similar Colors

Text with hexadecimal color #bdd5bb

This text has a font color of #bdd5bb.

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

#bdd5bb background color

This paragraph has a background color of #bdd5bb.

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

#bdd5bb border color

This element has a border color of #bdd5bb.

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

CSS codes

.text {color:#bdd5bb;}

.background {background-color:#bdd5bb;}

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

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

#030503
```
#030503 rgb(3,5,3)
```
#0b110a
```
#0b110a rgb(11,17,10)
```
#131d12
```
#131d12 rgb(19,29,18)
```
#1b2919
```
#1b2919 rgb(27,41,25)
```
#223521
```
#223521 rgb(34,53,33)
```
#2a4128
```
#2a4128 rgb(42,65,40)
```
#324e30
```
#324e30 rgb(50,78,48)
```
#3a5a37
```
#3a5a37 rgb(58,90,55)
```
#42663f
```
#42663f rgb(66,102,63)
```
#4a7246
```
#4a7246 rgb(74,114,70)
```
#527e4e
```
#527e4e rgb(82,126,78)
```
#598a55
```
#598a55 rgb(89,138,85)
```
#61965d
```
#61965d rgb(97,150,93)
```

Shade Color Variation

#6ba166
```
#6ba166 rgb(107,161,102)
```
#76a872
```
#76a872 rgb(118,168,114)
```
#82b07e
```
#82b07e rgb(130,176,126)
```
#8eb78a
```
#8eb78a rgb(142,183,138)
```
#9abf97
```
#9abf97 rgb(154,191,151)
```
#a5c6a3
```
#a5c6a3 rgb(165,198,163)
```
#b1ceaf
```
#b1ceaf rgb(177,206,175)
```
#bdd5bb
```
#bdd5bb rgb(189,213,187)
```
#c9dcc7
```
#c9dcc7 rgb(201,220,199)
```
#d5e4d3
```
#d5e4d3 rgb(213,228,211)
```
#e0ebdf
```
#e0ebdf rgb(224,235,223)
```
#ecf3ec
```
#ecf3ec rgb(236,243,236)
```
#f8faf8
```
#f8faf8 rgb(248,250,248)
```

Tint Color Variation

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

#c8c8c8
```
#c8c8c8 rgb(200,200,200)
```
#c4cdc3
```
#c4cdc3 rgb(196,205,195)
```
#c1d1bf
```
#c1d1bf rgb(193,209,191)
```
#bdd5bb
```
#bdd5bb rgb(189,213,187)
```
#b9d9b7
```
#b9d9b7 rgb(185,217,183)
```
#b6ddb3
```
#b6ddb3 rgb(182,221,179)
```
#b2e2ae
```
#b2e2ae rgb(178,226,174)
```
#afe6aa
```
#afe6aa rgb(175,230,170)
```
#abeaa6
```
#abeaa6 rgb(171,234,166)
```
#a8eea2
```
#a8eea2 rgb(168,238,162)
```
#a4f39d
```
#a4f39d rgb(164,243,157)
```
#a0f799
```
#a0f799 rgb(160,247,153)
```
#9dfb95
```
#9dfb95 rgb(157,251,149)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c8cdc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9d0bb Protanopia 1% of men
#e9cac2 Deuteranopia 1% of men
#c7d2e1 Tritanopia 0.001% of the population

Trichromacy

#cfd1bb Protanomaly 1% of men, 0.01% of women
#d9cebf Deuteranomaly 6% of men, 0.4% of women
#c3d3d3 Tritanomaly 0.01% of the population

#bdd5bb hex color

#bdd5bb Color Information

#bdd5bb Color Conversion

Color Schemes with #bdd5bb

Alternatives to #bdd5bb

#bdd5bb Preview

Shades and Tints of #bdd5bb

Tones of #bdd5bb

Color Blindness Simulator