#b2d1bd hex color

In a RGB color space, hex #b2d1bd is composed of 69.8% red, 82% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 14.8% cyan, 0% magenta, 9.6% yellow and 18% black. It has a hue angle of 141.3 degrees, a saturation of 25.2% and a lightness of 75.9%. #b2d1bd color hex could be obtained by blending #ffffff with #65a37b. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 70
- G 82
- B 74
RGB color chart
- C 15
- M 0
- Y 10
- K 18
CMYK color chart

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

The hexadecimal color #b2d1bd has RGB values of R:178, G:209, B:189 and CMYK values of C:0.15, M:0, Y:0.1, K:0.18. Its decimal value is 11719101.

Hex triplet	b2d1bd	`#b2d1bd`
RGB Decimal	178, 209, 189	`rgb(178,209,189)`
RGB Percent	69.8, 82, 74.1	`rgb(69.8%,82%,74.1%)`
CMYK	15, 0, 10, 18
HSL	141.3°, 25.2, 75.9	`hsl(141.3,25.2%,75.9%)`
HSV (or HSB)	141.3°, 14.8, 82
Web Safe	99cccc	`#99cccc`

CIE-LAB	81.148, -14.191, 6.471
XYZ	50.344, 58.739, 56.827
xyY	0.303, 0.354, 58.739
CIE-LCH	81.148, 15.597, 155.487
CIE-LUV	81.148, -15.918, 12.051
Hunter-Lab	76.641, -16.871, 9.688
Binary	10110010, 11010001, 10111101

#b2d1bd
```
#b2d1bd rgb(178,209,189)
```
#d1b2c6
```
#d1b2c6 rgb(209,178,198)
```

Complementary Color

#b7d1b2
```
#b7d1b2 rgb(183,209,178)
```
#b2d1bd
```
#b2d1bd rgb(178,209,189)
```
#b2d1cd
```
#b2d1cd rgb(178,209,205)
```

Analogous Color

#d1b2b7
```
#d1b2b7 rgb(209,178,183)
```
#b2d1bd
```
#b2d1bd rgb(178,209,189)
```
#cdb2d1
```
#cdb2d1 rgb(205,178,209)
```

Split Complementary Color

#d1bdb2
```
#d1bdb2 rgb(209,189,178)
```
#b2d1bd
```
#b2d1bd rgb(178,209,189)
```
#bdb2d1
```
#bdb2d1 rgb(189,178,209)
```

Triadic Color

#c6d1b2
```
#c6d1b2 rgb(198,209,178)
```
#b2d1bd
```
#b2d1bd rgb(178,209,189)
```
#bdb2d1
```
#bdb2d1 rgb(189,178,209)
```
#d1b2c6
```
#d1b2c6 rgb(209,178,198)
```

Tetradic Color

#82b494
```
#82b494 rgb(130,180,148)
```
#92bea2
```
#92bea2 rgb(146,190,162)
```
#a2c7af
```
#a2c7af rgb(162,199,175)
```
#b2d1bd
```
#b2d1bd rgb(178,209,189)
```
#c2dbcb
```
#c2dbcb rgb(194,219,203)
```
#d2e4d8
```
#d2e4d8 rgb(210,228,216)
```
#e2eee6
```
#e2eee6 rgb(226,238,230)
```

Monochromatic Color

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

#b2d1b5
```
#b2d1b5 rgb(178,209,181)
```
#b2d1b8
```
#b2d1b8 rgb(178,209,184)
```
#b2d1ba
```
#b2d1ba rgb(178,209,186)
```
#b2d1bd
```
#b2d1bd rgb(178,209,189)
```
#b2d1c0
```
#b2d1c0 rgb(178,209,192)
```
#b2d1c2
```
#b2d1c2 rgb(178,209,194)
```
#b2d1c5
```
#b2d1c5 rgb(178,209,197)
```

Similar Colors

Text with hexadecimal color #b2d1bd

This text has a font color of #b2d1bd.

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

#b2d1bd background color

This paragraph has a background color of #b2d1bd.

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

#b2d1bd border color

This element has a border color of #b2d1bd.

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

CSS codes

.text {color:#b2d1bd;}

.background {background-color:#b2d1bd;}

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

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

#050907
```
#050907 rgb(5,9,7)
```
#0d1510
```
#0d1510 rgb(13,21,16)
```
#142219
```
#142219 rgb(20,34,25)
```
#1b2e22
```
#1b2e22 rgb(27,46,34)
```
#233a2b
```
#233a2b rgb(35,58,43)
```
#2a4634
```
#2a4634 rgb(42,70,52)
```
#31533d
```
#31533d rgb(49,83,61)
```
#395f46
```
#395f46 rgb(57,95,70)
```
#406b4f
```
#406b4f rgb(64,107,79)
```
#477758
```
#477758 rgb(71,119,88)
```
#4f8462
```
#4f8462 rgb(79,132,98)
```
#56906b
```
#56906b rgb(86,144,107)
```
#5d9c74
```
#5d9c74 rgb(93,156,116)
```

Shade Color Variation

#68a57e
```
#68a57e rgb(104,165,126)
```
#75ac88
```
#75ac88 rgb(117,172,136)
```
#81b493
```
#81b493 rgb(129,180,147)
```
#8dbb9d
```
#8dbb9d rgb(141,187,157)
```
#99c2a8
```
#99c2a8 rgb(153,194,168)
```
#a6cab2
```
#a6cab2 rgb(166,202,178)
```
#b2d1bd
```
#b2d1bd rgb(178,209,189)
```
#bed8c8
```
#bed8c8 rgb(190,216,200)
```
#cbe0d2
```
#cbe0d2 rgb(203,224,210)
```
#d7e7dd
```
#d7e7dd rgb(215,231,221)
```
#e3eee7
```
#e3eee7 rgb(227,238,231)
```
#eff6f2
```
#eff6f2 rgb(239,246,242)
```
#fcfdfc
```
#fcfdfc rgb(252,253,252)
```

Tint Color Variation

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

#c0c3c1
```
#c0c3c1 rgb(192,195,193)
```
#bbc8c0
```
#bbc8c0 rgb(187,200,192)
```
#b7ccbe
```
#b7ccbe rgb(183,204,190)
```
#b2d1bd
```
#b2d1bd rgb(178,209,189)
```
#add6bc
```
#add6bc rgb(173,214,188)
```
#a9daba
```
#a9daba rgb(169,218,186)
```
#a4dfb9
```
#a4dfb9 rgb(164,223,185)
```
#9fe4b8
```
#9fe4b8 rgb(159,228,184)
```
#9ae9b6
```
#9ae9b6 rgb(154,233,182)
```
#96edb5
```
#96edb5 rgb(150,237,181)
```
#91f2b3
```
#91f2b3 rgb(145,242,179)
```
#8cf7b2
```
#8cf7b2 rgb(140,247,178)
```
#87fcb1
```
#87fcb1 rgb(135,252,177)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c1c7c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3cbbc Protanopia 1% of men
#e2c5c4 Deuteranopia 1% of men
#bccedd Tritanopia 0.001% of the population

Trichromacy

#c7cdbc Protanomaly 1% of men, 0.01% of women
#d0c9c1 Deuteranomaly 6% of men, 0.4% of women
#b8cfd1 Tritanomaly 0.01% of the population

#b2d1bd hex color

#b2d1bd Color Information

#b2d1bd Color Conversion

Color Schemes with #b2d1bd

Alternatives to #b2d1bd

#b2d1bd Preview

Shades and Tints of #b2d1bd

Tones of #b2d1bd

Color Blindness Simulator