#bbd4c4 hex color

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

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

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

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

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

CIE-LAB	82.72, -11.404, 5.086
XYZ	53.999, 61.637, 61.274
xyY	0.305, 0.348, 61.637
CIE-LCH	82.72, 12.487, 155.964
CIE-LUV	82.72, -12.922, 9.575
Hunter-Lab	78.509, -14.618, 8.682
Binary	10111011, 11010100, 11000100

#bbd4c4
```
#bbd4c4 rgb(187,212,196)
```
#d4bbcb
```
#d4bbcb rgb(212,187,203)
```

Complementary Color

#bfd4bb
```
#bfd4bb rgb(191,212,187)
```
#bbd4c4
```
#bbd4c4 rgb(187,212,196)
```
#bbd4d1
```
#bbd4d1 rgb(187,212,209)
```

Analogous Color

#d4bbbf
```
#d4bbbf rgb(212,187,191)
```
#bbd4c4
```
#bbd4c4 rgb(187,212,196)
```
#d1bbd4
```
#d1bbd4 rgb(209,187,212)
```

Split Complementary Color

#d4c4bb
```
#d4c4bb rgb(212,196,187)
```
#bbd4c4
```
#bbd4c4 rgb(187,212,196)
```
#c4bbd4
```
#c4bbd4 rgb(196,187,212)
```

Triadic Color

#cbd4bb
```
#cbd4bb rgb(203,212,187)
```
#bbd4c4
```
#bbd4c4 rgb(187,212,196)
```
#c4bbd4
```
#c4bbd4 rgb(196,187,212)
```
#d4bbcb
```
#d4bbcb rgb(212,187,203)
```

Tetradic Color

#8cb69b
```
#8cb69b rgb(140,182,155)
```
#9cc0a9
```
#9cc0a9 rgb(156,192,169)
```
#abcab6
```
#abcab6 rgb(171,202,182)
```
#bbd4c4
```
#bbd4c4 rgb(187,212,196)
```
#cbded2
```
#cbded2 rgb(203,222,210)
```
#dae8df
```
#dae8df rgb(218,232,223)
```
#eaf2ed
```
#eaf2ed rgb(234,242,237)
```

Monochromatic Color

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

#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)
```
#bbd4ca
```
#bbd4ca rgb(187,212,202)
```

Similar Colors

Text with hexadecimal color #bbd4c4

This text has a font color of #bbd4c4.

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

#bbd4c4 background color

This paragraph has a background color of #bbd4c4.

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

#bbd4c4 border color

This element has a border color of #bbd4c4.

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

CSS codes

.text {color:#bbd4c4;}

.background {background-color:#bbd4c4;}

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

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)
```
#121c16
```
#121c16 rgb(18,28,22)
```
#19281f
```
#19281f rgb(25,40,31)
```
#213428
```
#213428 rgb(33,52,40)
```
#294031
```
#294031 rgb(41,64,49)
```
#304c3a
```
#304c3a rgb(48,76,58)
```
#385843
```
#385843 rgb(56,88,67)
```
#3f644d
```
#3f644d rgb(63,100,77)
```
#477056
```
#477056 rgb(71,112,86)
```
#4f7c5f
```
#4f7c5f rgb(79,124,95)
```
#568868
```
#568868 rgb(86,136,104)
```
#5e9471
```
#5e9471 rgb(94,148,113)
```

Shade Color Variation

#679f7b
```
#679f7b rgb(103,159,123)
```
#73a685
```
#73a685 rgb(115,166,133)
```
#7fae90
```
#7fae90 rgb(127,174,144)
```
#8bb69a
```
#8bb69a rgb(139,182,154)
```
#97bda5
```
#97bda5 rgb(151,189,165)
```
#a3c5af
```
#a3c5af rgb(163,197,175)
```
#afccba
```
#afccba rgb(175,204,186)
```
#bbd4c4
```
#bbd4c4 rgb(187,212,196)
```
#c7dcce
```
#c7dcce rgb(199,220,206)
```
#d3e3d9
```
#d3e3d9 rgb(211,227,217)
```
#dfebe3
```
#dfebe3 rgb(223,235,227)
```
#ebf2ee
```
#ebf2ee rgb(235,242,238)
```
#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 #90ffb8 is the most saturated one.

#c4cbc6
```
#c4cbc6 rgb(196,203,198)
```
#bfd0c5
```
#bfd0c5 rgb(191,208,197)
```
#bbd4c4
```
#bbd4c4 rgb(187,212,196)
```
#b7d8c3
```
#b7d8c3 rgb(183,216,195)
```
#b2ddc2
```
#b2ddc2 rgb(178,221,194)
```
#aee1c0
```
#aee1c0 rgb(174,225,192)
```
#aae5bf
```
#aae5bf rgb(170,229,191)
```
#a6e9be
```
#a6e9be rgb(166,233,190)
```
#a1eebd
```
#a1eebd rgb(161,238,189)
```
#9df2bc
```
#9df2bc rgb(157,242,188)
```
#99f6ba
```
#99f6ba rgb(153,246,186)
```
#95fab9
```
#95fab9 rgb(149,250,185)
```
#90ffb8
```
#90ffb8 rgb(144,255,184)
```

Tone Color Variation

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

Dichromacy

#d7cfc3 Protanopia 1% of men
#e5cacb Deuteranopia 1% of men
#c3d2e1 Tritanopia 0.001% of the population

Trichromacy

#ccd1c3 Protanomaly 1% of men, 0.01% of women
#d6cdc8 Deuteranomaly 6% of men, 0.4% of women
#c0d2d6 Tritanomaly 0.01% of the population

#bbd4c4 hex color

#bbd4c4 Color Information

#bbd4c4 Color Conversion

Color Schemes with #bbd4c4

Alternatives to #bbd4c4

#bbd4c4 Preview

Shades and Tints of #bbd4c4

Tones of #bbd4c4

Color Blindness Simulator