#bbd4cd hex color

In a RGB color space, hex #bbd4cd is composed of 73.3% red, 83.1% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 3.3% yellow and 16.9% black. It has a hue angle of 163.2 degrees, a saturation of 22.5% and a lightness of 78.2%. #bbd4cd color hex could be obtained by blending #ffffff with #77a99b. Closest websafe color is: #cccccc.

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

● #bbd4cd color description : Grayish cyan - lime green.

The hexadecimal color #bbd4cd has RGB values of R:187, G:212, B:205 and CMYK values of C:0.12, M:0, Y:0.03, K:0.17. Its decimal value is 12309709.

Hex triplet	bbd4cd	`#bbd4cd`
RGB Decimal	187, 212, 205	`rgb(187,212,205)`
RGB Percent	73.3, 83.1, 80.4	`rgb(73.3%,83.1%,80.4%)`
CMYK	12, 0, 3, 17
HSL	163.2°, 22.5, 78.2	`hsl(163.2,22.5%,78.2%)`
HSV (or HSB)	163.2°, 11.8, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.945, -9.693, 0.624
XYZ	55.054, 62.059, 66.832
xyY	0.299, 0.337, 62.059
CIE-LCH	82.945, 9.713, 176.315
CIE-LUV	82.945, -13.185, 2.617
Hunter-Lab	78.777, -13.114, 4.844
Binary	10111011, 11010100, 11001101

#bbd4cd
```
#bbd4cd rgb(187,212,205)
```
#d4bbc2
```
#d4bbc2 rgb(212,187,194)
```

Complementary Color

#bbd4c1
```
#bbd4c1 rgb(187,212,193)
```
#bbd4cd
```
#bbd4cd rgb(187,212,205)
```
#bbcfd4
```
#bbcfd4 rgb(187,207,212)
```

Analogous Color

#d4c1bb
```
#d4c1bb rgb(212,193,187)
```
#bbd4cd
```
#bbd4cd rgb(187,212,205)
```
#d4bbcf
```
#d4bbcf rgb(212,187,207)
```

Split Complementary Color

#d4cdbb
```
#d4cdbb rgb(212,205,187)
```
#bbd4cd
```
#bbd4cd rgb(187,212,205)
```
#cdbbd4
```
#cdbbd4 rgb(205,187,212)
```

Triadic Color

#c2d4bb
```
#c2d4bb rgb(194,212,187)
```
#bbd4cd
```
#bbd4cd rgb(187,212,205)
```
#cdbbd4
```
#cdbbd4 rgb(205,187,212)
```
#d4bbc2
```
#d4bbc2 rgb(212,187,194)
```

Tetradic Color

#8cb6ab
```
#8cb6ab rgb(140,182,171)
```
#9cc0b6
```
#9cc0b6 rgb(156,192,182)
```
#abcac2
```
#abcac2 rgb(171,202,194)
```
#bbd4cd
```
#bbd4cd rgb(187,212,205)
```
#cbded8
```
#cbded8 rgb(203,222,216)
```
#dae8e4
```
#dae8e4 rgb(218,232,228)
```
#eaf2ef
```
#eaf2ef rgb(234,242,239)
```

Monochromatic Color

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

#bbd4c7
```
#bbd4c7 rgb(187,212,199)
```
#bbd4c9
```
#bbd4c9 rgb(187,212,201)
```
#bbd4cb
```
#bbd4cb rgb(187,212,203)
```
#bbd4cd
```
#bbd4cd rgb(187,212,205)
```
#bbd4cf
```
#bbd4cf rgb(187,212,207)
```
#bbd4d1
```
#bbd4d1 rgb(187,212,209)
```
#bbd4d3
```
#bbd4d3 rgb(187,212,211)
```

Similar Colors

Text with hexadecimal color #bbd4cd

This text has a font color of #bbd4cd.

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

#bbd4cd background color

This paragraph has a background color of #bbd4cd.

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

#bbd4cd border color

This element has a border color of #bbd4cd.

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

CSS codes

.text {color:#bbd4cd;}

.background {background-color:#bbd4cd;}

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0a100e
```
#0a100e rgb(10,16,14)
```
#121c19
```
#121c19 rgb(18,28,25)
```
#192824
```
#192824 rgb(25,40,36)
```
#21342f
```
#21342f rgb(33,52,47)
```
#29403a
```
#29403a rgb(41,64,58)
```
#304c44
```
#304c44 rgb(48,76,68)
```
#38584f
```
#38584f rgb(56,88,79)
```
#3f645a
```
#3f645a rgb(63,100,90)
```
#477065
```
#477065 rgb(71,112,101)
```
#4f7c6f
```
#4f7c6f rgb(79,124,111)
```
#56887a
```
#56887a rgb(86,136,122)
```
#5e9485
```
#5e9485 rgb(94,148,133)
```

Shade Color Variation

#679f8f
```
#679f8f rgb(103,159,143)
```
#73a698
```
#73a698 rgb(115,166,152)
```
#7faea1
```
#7faea1 rgb(127,174,161)
```
#8bb6aa
```
#8bb6aa rgb(139,182,170)
```
#97bdb2
```
#97bdb2 rgb(151,189,178)
```
#a3c5bb
```
#a3c5bb rgb(163,197,187)
```
#afccc4
```
#afccc4 rgb(175,204,196)
```
#bbd4cd
```
#bbd4cd rgb(187,212,205)
```
#c7dcd6
```
#c7dcd6 rgb(199,220,214)
```
#d3e3df
```
#d3e3df rgb(211,227,223)
```
#dfebe8
```
#dfebe8 rgb(223,235,232)
```
#ebf2f0
```
#ebf2f0 rgb(235,242,240)
```
#f7faf9
```
#f7faf9 rgb(247,250,249)
```

Tint Color Variation

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

#c4cbc9
```
#c4cbc9 rgb(196,203,201)
```
#bfd0cb
```
#bfd0cb rgb(191,208,203)
```
#bbd4cd
```
#bbd4cd rgb(187,212,205)
```
#b7d8cf
```
#b7d8cf rgb(183,216,207)
```
#b2ddd1
```
#b2ddd1 rgb(178,221,209)
```
#aee1d3
```
#aee1d3 rgb(174,225,211)
```
#aae5d5
```
#aae5d5 rgb(170,229,213)
```
#a6e9d6
```
#a6e9d6 rgb(166,233,214)
```
#a1eed8
```
#a1eed8 rgb(161,238,216)
```
#9df2da
```
#9df2da rgb(157,242,218)
```
#99f6dc
```
#99f6dc rgb(153,246,220)
```
#95fade
```
#95fade rgb(149,250,222)
```
#90ffe0
```
#90ffe0 rgb(144,255,224)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c9cecc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d0cc Protanopia 1% of men
#e3cad3 Deuteranopia 1% of men
#c2d3e2 Tritanopia 0.001% of the population

Trichromacy

#cbd1cc Protanomaly 1% of men, 0.01% of women
#d4ced1 Deuteranomaly 6% of men, 0.4% of women
#bfd3da Tritanomaly 0.01% of the population

#bbd4cd hex color

#bbd4cd Color Information

#bbd4cd Color Conversion

Color Schemes with #bbd4cd

Alternatives to #bbd4cd

#bbd4cd Preview

Shades and Tints of #bbd4cd

Tones of #bbd4cd

Color Blindness Simulator