#bbd4c2 hex color

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

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

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

The hexadecimal color #bbd4c2 has RGB values of R:187, G:212, B:194 and CMYK values of C:0.12, M:0, Y:0.08, K:0.17. Its decimal value is 12309698.

Hex triplet	bbd4c2	`#bbd4c2`
RGB Decimal	187, 212, 194	`rgb(187,212,194)`
RGB Percent	73.3, 83.1, 76.1	`rgb(73.3%,83.1%,76.1%)`
CMYK	12, 0, 8, 17
HSL	136.8°, 22.5, 78.2	`hsl(136.8,22.5%,78.2%)`
HSV (or HSB)	136.8°, 11.8, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.671, -11.774, 6.079
XYZ	53.772, 61.546, 60.083
xyY	0.307, 0.351, 61.546
CIE-LCH	82.671, 13.251, 152.692
CIE-LUV	82.671, -12.865, 11.099
Hunter-Lab	78.451, -14.941, 9.508
Binary	10111011, 11010100, 11000010

#bbd4c2
```
#bbd4c2 rgb(187,212,194)
```
#d4bbcd
```
#d4bbcd rgb(212,187,205)
```

Complementary Color

#c1d4bb
```
#c1d4bb rgb(193,212,187)
```
#bbd4c2
```
#bbd4c2 rgb(187,212,194)
```
#bbd4cf
```
#bbd4cf rgb(187,212,207)
```

Analogous Color

#d4bbc1
```
#d4bbc1 rgb(212,187,193)
```
#bbd4c2
```
#bbd4c2 rgb(187,212,194)
```
#cfbbd4
```
#cfbbd4 rgb(207,187,212)
```

Split Complementary Color

#d4c2bb
```
#d4c2bb rgb(212,194,187)
```
#bbd4c2
```
#bbd4c2 rgb(187,212,194)
```
#c2bbd4
```
#c2bbd4 rgb(194,187,212)
```

Triadic Color

#cdd4bb
```
#cdd4bb rgb(205,212,187)
```
#bbd4c2
```
#bbd4c2 rgb(187,212,194)
```
#c2bbd4
```
#c2bbd4 rgb(194,187,212)
```
#d4bbcd
```
#d4bbcd rgb(212,187,205)
```

Tetradic Color

#8cb698
```
#8cb698 rgb(140,182,152)
```
#9cc0a6
```
#9cc0a6 rgb(156,192,166)
```
#abcab4
```
#abcab4 rgb(171,202,180)
```
#bbd4c2
```
#bbd4c2 rgb(187,212,194)
```
#cbded0
```
#cbded0 rgb(203,222,208)
```
#dae8de
```
#dae8de rgb(218,232,222)
```
#eaf2ec
```
#eaf2ec rgb(234,242,236)
```

Monochromatic Color

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

#bbd4bc
```
#bbd4bc rgb(187,212,188)
```
#bbd4be
```
#bbd4be rgb(187,212,190)
```
#bbd4c0
```
#bbd4c0 rgb(187,212,192)
```
#bbd4c2
```
#bbd4c2 rgb(187,212,194)
```
#bbd4c4
```
#bbd4c4 rgb(187,212,196)
```
#bbd4c6
```
#bbd4c6 rgb(187,212,198)
```
#bbd4c8
```
#bbd4c8 rgb(187,212,200)
```

Similar Colors

Text with hexadecimal color #bbd4c2

This text has a font color of #bbd4c2.

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

#bbd4c2 background color

This paragraph has a background color of #bbd4c2.

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

#bbd4c2 border color

This element has a border color of #bbd4c2.

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

CSS codes

.text {color:#bbd4c2;}

.background {background-color:#bbd4c2;}

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

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 #f7faf8 is the lightest one.

#030403
```
#030403 rgb(3,4,3)
```
#0a100c
```
#0a100c rgb(10,16,12)
```
#121c15
```
#121c15 rgb(18,28,21)
```
#19281e
```
#19281e rgb(25,40,30)
```
#213426
```
#213426 rgb(33,52,38)
```
#29402f
```
#29402f rgb(41,64,47)
```
#304c38
```
#304c38 rgb(48,76,56)
```
#385841
```
#385841 rgb(56,88,65)
```
#3f644a
```
#3f644a rgb(63,100,74)
```
#477053
```
#477053 rgb(71,112,83)
```
#4f7c5b
```
#4f7c5b rgb(79,124,91)
```
#568864
```
#568864 rgb(86,136,100)
```
#5e946d
```
#5e946d rgb(94,148,109)
```

Shade Color Variation

#679f77
```
#679f77 rgb(103,159,119)
```
#73a681
```
#73a681 rgb(115,166,129)
```
#7fae8c
```
#7fae8c rgb(127,174,140)
```
#8bb697
```
#8bb697 rgb(139,182,151)
```
#97bda2
```
#97bda2 rgb(151,189,162)
```
#a3c5ac
```
#a3c5ac rgb(163,197,172)
```
#afccb7
```
#afccb7 rgb(175,204,183)
```
#bbd4c2
```
#bbd4c2 rgb(187,212,194)
```
#c7dccd
```
#c7dccd rgb(199,220,205)
```
#d3e3d8
```
#d3e3d8 rgb(211,227,216)
```
#dfebe2
```
#dfebe2 rgb(223,235,226)
```
#ebf2ed
```
#ebf2ed rgb(235,242,237)
```
#f7faf8
```
#f7faf8 rgb(247,250,248)
```

Tint Color Variation

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

#c4cbc6
```
#c4cbc6 rgb(196,203,198)
```
#bfd0c4
```
#bfd0c4 rgb(191,208,196)
```
#bbd4c2
```
#bbd4c2 rgb(187,212,194)
```
#b7d8c0
```
#b7d8c0 rgb(183,216,192)
```
#b2ddbe
```
#b2ddbe rgb(178,221,190)
```
#aee1bc
```
#aee1bc rgb(174,225,188)
```
#aae5ba
```
#aae5ba rgb(170,229,186)
```
#a6e9b9
```
#a6e9b9 rgb(166,233,185)
```
#a1eeb7
```
#a1eeb7 rgb(161,238,183)
```
#9df2b5
```
#9df2b5 rgb(157,242,181)
```
#99f6b3
```
#99f6b3 rgb(153,246,179)
```
#95fab1
```
#95fab1 rgb(149,250,177)
```
#90ffaf
```
#90ffaf rgb(144,255,175)
```

Tone Color Variation

Below, you can see how #bbd4c2 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
#c7ccc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7cfc1 Protanopia 1% of men
#e6c9c9 Deuteranopia 1% of men
#c4d1e1 Tritanopia 0.001% of the population

Trichromacy

#cdd1c1 Protanomaly 1% of men, 0.01% of women
#d6cdc6 Deuteranomaly 6% of men, 0.4% of women
#c0d2d5 Tritanomaly 0.01% of the population

#bbd4c2 hex color

#bbd4c2 Color Information

#bbd4c2 Color Conversion

Color Schemes with #bbd4c2

Alternatives to #bbd4c2

#bbd4c2 Preview

Shades and Tints of #bbd4c2

Tones of #bbd4c2

Color Blindness Simulator