#bdd4bc hex color

In a RGB color space, hex #bdd4bc is composed of 74.1% red, 83.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 10.8% cyan, 0% magenta, 11.3% yellow and 16.9% black. It has a hue angle of 117.5 degrees, a saturation of 21.8% and a lightness of 78.4%. #bdd4bc color hex could be obtained by blending #ffffff with #7ba979. Closest websafe color is: #cccccc.

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

● #bdd4bc color description : Grayish lime green.

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

Hex triplet	bdd4bc	`#bdd4bc`
RGB Decimal	189, 212, 188	`rgb(189,212,188)`
RGB Percent	74.1, 83.1, 73.7	`rgb(74.1%,83.1%,73.7%)`
CMYK	11, 0, 11, 17
HSL	117.5°, 21.8, 78.4	`hsl(117.5,21.8%,78.4%)`
HSV (or HSB)	117.5°, 11.3, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.666, -12.181, 9.277
XYZ	53.605, 61.536, 56.628
xyY	0.312, 0.358, 61.536
CIE-LCH	82.666, 15.312, 142.709
CIE-LUV	82.666, -11.631, 15.806
Hunter-Lab	78.445, -15.302, 12.111
Binary	10111101, 11010100, 10111100

#bdd4bc
```
#bdd4bc rgb(189,212,188)
```
#d3bcd4
```
#d3bcd4 rgb(211,188,212)
```

Complementary Color

#c9d4bc
```
#c9d4bc rgb(201,212,188)
```
#bdd4bc
```
#bdd4bc rgb(189,212,188)
```
#bcd4c7
```
#bcd4c7 rgb(188,212,199)
```

Analogous Color

#d4bcc9
```
#d4bcc9 rgb(212,188,201)
```
#bdd4bc
```
#bdd4bc rgb(189,212,188)
```
#c7bcd4
```
#c7bcd4 rgb(199,188,212)
```

Split Complementary Color

#d4bcbd
```
#d4bcbd rgb(212,188,189)
```
#bdd4bc
```
#bdd4bc rgb(189,212,188)
```
#bcbdd4
```
#bcbdd4 rgb(188,189,212)
```

Triadic Color

#d4d3bc
```
#d4d3bc rgb(212,211,188)
```
#bdd4bc
```
#bdd4bc rgb(189,212,188)
```
#bcbdd4
```
#bcbdd4 rgb(188,189,212)
```
#d3bcd4
```
#d3bcd4 rgb(211,188,212)
```

Tetradic Color

#8fb68d
```
#8fb68d rgb(143,182,141)
```
#9ec09d
```
#9ec09d rgb(158,192,157)
```
#aecaac
```
#aecaac rgb(174,202,172)
```
#bdd4bc
```
#bdd4bc rgb(189,212,188)
```
#ccdecc
```
#ccdecc rgb(204,222,204)
```
#dce8db
```
#dce8db rgb(220,232,219)
```
#ebf2eb
```
#ebf2eb rgb(235,242,235)
```

Monochromatic Color

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

#c3d4bc
```
#c3d4bc rgb(195,212,188)
```
#c1d4bc
```
#c1d4bc rgb(193,212,188)
```
#bfd4bc
```
#bfd4bc rgb(191,212,188)
```
#bdd4bc
```
#bdd4bc rgb(189,212,188)
```
#bcd4bd
```
#bcd4bd rgb(188,212,189)
```
#bcd4bf
```
#bcd4bf rgb(188,212,191)
```
#bcd4c1
```
#bcd4c1 rgb(188,212,193)
```

Similar Colors

Text with hexadecimal color #bdd4bc

This text has a font color of #bdd4bc.

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

#bdd4bc background color

This paragraph has a background color of #bdd4bc.

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

#bdd4bc border color

This element has a border color of #bdd4bc.

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

CSS codes

.text {color:#bdd4bc;}

.background {background-color:#bdd4bc;}

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

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)
```
#0b110b
```
#0b110b rgb(11,17,11)
```
#131d12
```
#131d12 rgb(19,29,18)
```
#1b291a
```
#1b291a rgb(27,41,26)
```
#223422
```
#223422 rgb(34,52,34)
```
#2a4029
```
#2a4029 rgb(42,64,41)
```
#324c31
```
#324c31 rgb(50,76,49)
```
#3a5839
```
#3a5839 rgb(58,88,57)
```
#426440
```
#426440 rgb(66,100,64)
```
#4a7048
```
#4a7048 rgb(74,112,72)
```
#527c50
```
#527c50 rgb(82,124,80)
```
#598857
```
#598857 rgb(89,136,87)
```
#61945f
```
#61945f rgb(97,148,95)
```

Shade Color Variation

#6b9e68
```
#6b9e68 rgb(107,158,104)
```
#76a674
```
#76a674 rgb(118,166,116)
```
#82ae80
```
#82ae80 rgb(130,174,128)
```
#8eb58c
```
#8eb58c rgb(142,181,140)
```
#9abd98
```
#9abd98 rgb(154,189,152)
```
#a5c5a4
```
#a5c5a4 rgb(165,197,164)
```
#b1ccb0
```
#b1ccb0 rgb(177,204,176)
```
#bdd4bc
```
#bdd4bc rgb(189,212,188)
```
#c9dcc8
```
#c9dcc8 rgb(201,220,200)
```
#d5e3d4
```
#d5e3d4 rgb(213,227,212)
```
#e0ebe0
```
#e0ebe0 rgb(224,235,224)
```
#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, #c5ccc4 is the less saturated color, while #96fe92 is the most saturated one.

#c5ccc4
```
#c5ccc4 rgb(197,204,196)
```
#c1d0c0
```
#c1d0c0 rgb(193,208,192)
```
#bdd4bc
```
#bdd4bc rgb(189,212,188)
```
#b9d8b8
```
#b9d8b8 rgb(185,216,184)
```
#b5dcb4
```
#b5dcb4 rgb(181,220,180)
```
#b1e1af
```
#b1e1af rgb(177,225,175)
```
#ade5ab
```
#ade5ab rgb(173,229,171)
```
#aae9a7
```
#aae9a7 rgb(170,233,167)
```
#a6eda3
```
#a6eda3 rgb(166,237,163)
```
#a2f29e
```
#a2f29e rgb(162,242,158)
```
#9ef69a
```
#9ef69a rgb(158,246,154)
```
#9afa96
```
#9afa96 rgb(154,250,150)
```
#96fe92
```
#96fe92 rgb(150,254,146)
```

Tone Color Variation

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

#d8cfbc Protanopia 1% of men
#e8c9c3 Deuteranopia 1% of men
#c6d1e0 Tritanopia 0.001% of the population

Trichromacy

#ced1bc Protanomaly 1% of men, 0.01% of women
#d8cdc0 Deuteranomaly 6% of men, 0.4% of women
#c3d2d3 Tritanomaly 0.01% of the population

#bdd4bc hex color

#bdd4bc Color Information

#bdd4bc Color Conversion

Color Schemes with #bdd4bc

Alternatives to #bdd4bc

#bdd4bc Preview

Shades and Tints of #bdd4bc

Tones of #bdd4bc

Color Blindness Simulator