colorhexa.com

#bbd9d1 hex color

In a RGB color space, hex #bbd9d1 is composed of 73.3% red, 85.1% green and 82% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 0% magenta, 3.7% yellow and 14.9% black. It has a hue angle of 164 degrees, a saturation of 28.3% and a lightness of 79.2%. #bbd9d1 color hex could be obtained by blending #ffffff with #77b3a3. Closest websafe color is: #cccccc.

- R 73
- G 85
- B 82
RGB color chart
- C 14
- M 0
- Y 4
- K 15
CMYK color chart

● #bbd9d1 color description : Light grayish cyan - lime green.

The hexadecimal color #bbd9d1 has RGB values of R:187, G:217, B:209 and CMYK values of C:0.14, M:0, Y:0.04, K:0.15. Its decimal value is 12310993.

Hex triplet	bbd9d1	`#bbd9d1`
RGB Decimal	187, 217, 209	`rgb(187,217,209)`
RGB Percent	73.3, 85.1, 82	`rgb(73.3%,85.1%,82%)`
CMYK	14, 0, 4, 15
HSL	164°, 28.3, 79.2	`hsl(164,28.3%,79.2%)`
HSV (or HSB)	164°, 13.8, 85.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.377, -11.475, 0.589
XYZ	56.812, 64.793, 69.831
xyY	0.297, 0.338, 64.793
CIE-LCH	84.377, 11.49, 177.064
CIE-LUV	84.377, -15.694, 2.872
Hunter-Lab	80.494, -14.88, 4.91
Binary	10111011, 11011001, 11010001

#bbd9d1
```
#bbd9d1 rgb(187,217,209)
```
#d9bbc3
```
#d9bbc3 rgb(217,187,195)
```

Complementary Color

#bbd9c2
```
#bbd9c2 rgb(187,217,194)
```
#bbd9d1
```
#bbd9d1 rgb(187,217,209)
```
#bbd2d9
```
#bbd2d9 rgb(187,210,217)
```

Analogous Color

#d9c2bb
```
#d9c2bb rgb(217,194,187)
```
#bbd9d1
```
#bbd9d1 rgb(187,217,209)
```
#d9bbd2
```
#d9bbd2 rgb(217,187,210)
```

Split Complementary Color

#d9d1bb
```
#d9d1bb rgb(217,209,187)
```
#bbd9d1
```
#bbd9d1 rgb(187,217,209)
```
#d1bbd9
```
#d1bbd9 rgb(209,187,217)
```

Triadic Color

#c3d9bb
```
#c3d9bb rgb(195,217,187)
```
#bbd9d1
```
#bbd9d1 rgb(187,217,209)
```
#d1bbd9
```
#d1bbd9 rgb(209,187,217)
```
#d9bbc3
```
#d9bbc3 rgb(217,187,195)
```

Tetradic Color

#8abeb0
```
#8abeb0 rgb(138,190,176)
```
#9ac7bb
```
#9ac7bb rgb(154,199,187)
```
#abd0c6
```
#abd0c6 rgb(171,208,198)
```
#bbd9d1
```
#bbd9d1 rgb(187,217,209)
```
#cbe2dc
```
#cbe2dc rgb(203,226,220)
```
#dcebe7
```
#dcebe7 rgb(220,235,231)
```
#ecf4f2
```
#ecf4f2 rgb(236,244,242)
```

Monochromatic Color

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

#bbd9ca
```
#bbd9ca rgb(187,217,202)
```
#bbd9cc
```
#bbd9cc rgb(187,217,204)
```
#bbd9cf
```
#bbd9cf rgb(187,217,207)
```
#bbd9d1
```
#bbd9d1 rgb(187,217,209)
```
#bbd9d4
```
#bbd9d4 rgb(187,217,212)
```
#bbd9d6
```
#bbd9d6 rgb(187,217,214)
```
#bbd9d9
```
#bbd9d9 rgb(187,217,217)
```

Similar Colors

Text with hexadecimal color #bbd9d1

This text has a font color of #bbd9d1.

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

#bbd9d1 background color

This paragraph has a background color of #bbd9d1.

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

#bbd9d1 border color

This element has a border color of #bbd9d1.

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

CSS codes

.text {color:#bbd9d1;}

.background {background-color:#bbd9d1;}

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

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

#040807
```
#040807 rgb(4,8,7)
```
#0b1412
```
#0b1412 rgb(11,20,18)
```
#12211d
```
#12211d rgb(18,33,29)
```
#192d28
```
#192d28 rgb(25,45,40)
```
#203a33
```
#203a33 rgb(32,58,51)
```
#27463e
```
#27463e rgb(39,70,62)
```
#2e5349
```
#2e5349 rgb(46,83,73)
```
#356054
```
#356054 rgb(53,96,84)
```
#3c6c5f
```
#3c6c5f rgb(60,108,95)
```
#43796b
```
#43796b rgb(67,121,107)
```
#4b8576
```
#4b8576 rgb(75,133,118)
```
#529281
```
#529281 rgb(82,146,129)
```
#599f8c
```
#599f8c rgb(89,159,140)
```

Shade Color Variation

#63a895
```
#63a895 rgb(99,168,149)
```
#6faf9e
```
#6faf9e rgb(111,175,158)
```
#7cb6a6
```
#7cb6a6 rgb(124,182,166)
```
#89bdaf
```
#89bdaf rgb(137,189,175)
```
#95c4b7
```
#95c4b7 rgb(149,196,183)
```
#a2cbc0
```
#a2cbc0 rgb(162,203,192)
```
#aed2c8
```
#aed2c8 rgb(174,210,200)
```
#bbd9d1
```
#bbd9d1 rgb(187,217,209)
```
#c8e0da
```
#c8e0da rgb(200,224,218)
```
#d4e7e2
```
#d4e7e2 rgb(212,231,226)
```
#e1eeeb
```
#e1eeeb rgb(225,238,235)
```
#edf5f3
```
#edf5f3 rgb(237,245,243)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#c7cdcb
```
#c7cdcb rgb(199,205,203)
```
#c3d1cd
```
#c3d1cd rgb(195,209,205)
```
#bfd5cf
```
#bfd5cf rgb(191,213,207)
```
#bbd9d1
```
#bbd9d1 rgb(187,217,209)
```
#b7ddd3
```
#b7ddd3 rgb(183,221,211)
```
#b3e1d5
```
#b3e1d5 rgb(179,225,213)
```
#afe5d7
```
#afe5d7 rgb(175,229,215)
```
#abe9d9
```
#abe9d9 rgb(171,233,217)
```
#a7eddb
```
#a7eddb rgb(167,237,219)
```
#a3f1dc
```
#a3f1dc rgb(163,241,220)
```
#9ef6de
```
#9ef6de rgb(158,246,222)
```
#9afae0
```
#9afae0 rgb(154,250,224)
```
#96fee2
```
#96fee2 rgb(150,254,226)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cbd1cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9d3cf Protanopia 1% of men
#e7ced7 Deuteranopia 1% of men
#c2d7e7 Tritanopia 0.001% of the population

Trichromacy

#ced5d0 Protanomaly 1% of men, 0.01% of women
#d7d2d5 Deuteranomaly 6% of men, 0.4% of women
#bfd8df Tritanomaly 0.01% of the population