#b2d1bf hex color

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

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

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

The hexadecimal color #b2d1bf has RGB values of R:178, G:209, B:191 and CMYK values of C:0.15, M:0, Y:0.09, K:0.18. Its decimal value is 11719103.

Hex triplet	b2d1bf	`#b2d1bf`
RGB Decimal	178, 209, 191	`rgb(178,209,191)`
RGB Percent	69.8, 82, 74.9	`rgb(69.8%,82%,74.9%)`
CMYK	15, 0, 9, 18
HSL	145.2°, 25.2, 75.9	`hsl(145.2,25.2%,75.9%)`
HSV (or HSB)	145.2°, 14.8, 82
Web Safe	99cccc	`#99cccc`

CIE-LAB	81.196, -13.814, 5.474
XYZ	50.562, 58.827, 57.978
xyY	0.302, 0.351, 58.827
CIE-LCH	81.196, 14.859, 158.383
CIE-LUV	81.196, -15.962, 10.528
Hunter-Lab	76.698, -16.549, 8.87
Binary	10110010, 11010001, 10111111

#b2d1bf
```
#b2d1bf rgb(178,209,191)
```
#d1b2c4
```
#d1b2c4 rgb(209,178,196)
```

Complementary Color

#b5d1b2
```
#b5d1b2 rgb(181,209,178)
```
#b2d1bf
```
#b2d1bf rgb(178,209,191)
```
#b2d1cf
```
#b2d1cf rgb(178,209,207)
```

Analogous Color

#d1b2b5
```
#d1b2b5 rgb(209,178,181)
```
#b2d1bf
```
#b2d1bf rgb(178,209,191)
```
#cfb2d1
```
#cfb2d1 rgb(207,178,209)
```

Split Complementary Color

#d1bfb2
```
#d1bfb2 rgb(209,191,178)
```
#b2d1bf
```
#b2d1bf rgb(178,209,191)
```
#bfb2d1
```
#bfb2d1 rgb(191,178,209)
```

Triadic Color

#c4d1b2
```
#c4d1b2 rgb(196,209,178)
```
#b2d1bf
```
#b2d1bf rgb(178,209,191)
```
#bfb2d1
```
#bfb2d1 rgb(191,178,209)
```
#d1b2c4
```
#d1b2c4 rgb(209,178,196)
```

Tetradic Color

#82b497
```
#82b497 rgb(130,180,151)
```
#92bea4
```
#92bea4 rgb(146,190,164)
```
#a2c7b2
```
#a2c7b2 rgb(162,199,178)
```
#b2d1bf
```
#b2d1bf rgb(178,209,191)
```
#c2dbcc
```
#c2dbcc rgb(194,219,204)
```
#d2e4da
```
#d2e4da rgb(210,228,218)
```
#e2eee7
```
#e2eee7 rgb(226,238,231)
```

Monochromatic Color

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

#b2d1b7
```
#b2d1b7 rgb(178,209,183)
```
#b2d1ba
```
#b2d1ba rgb(178,209,186)
```
#b2d1bc
```
#b2d1bc rgb(178,209,188)
```
#b2d1bf
```
#b2d1bf rgb(178,209,191)
```
#b2d1c2
```
#b2d1c2 rgb(178,209,194)
```
#b2d1c4
```
#b2d1c4 rgb(178,209,196)
```
#b2d1c7
```
#b2d1c7 rgb(178,209,199)
```

Similar Colors

Text with hexadecimal color #b2d1bf

This text has a font color of #b2d1bf.

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

#b2d1bf background color

This paragraph has a background color of #b2d1bf.

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

#b2d1bf border color

This element has a border color of #b2d1bf.

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

CSS codes

.text {color:#b2d1bf;}

.background {background-color:#b2d1bf;}

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

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)
```
#14221a
```
#14221a rgb(20,34,26)
```
#1b2e23
```
#1b2e23 rgb(27,46,35)
```
#233a2c
```
#233a2c rgb(35,58,44)
```
#2a4636
```
#2a4636 rgb(42,70,54)
```
#31533f
```
#31533f rgb(49,83,63)
```
#395f49
```
#395f49 rgb(57,95,73)
```
#406b52
```
#406b52 rgb(64,107,82)
```
#47775c
```
#47775c rgb(71,119,92)
```
#4f8465
```
#4f8465 rgb(79,132,101)
```
#56906e
```
#56906e rgb(86,144,110)
```
#5d9c78
```
#5d9c78 rgb(93,156,120)
```

Shade Color Variation

#68a582
```
#68a582 rgb(104,165,130)
```
#75ac8c
```
#75ac8c rgb(117,172,140)
```
#81b496
```
#81b496 rgb(129,180,150)
```
#8dbba0
```
#8dbba0 rgb(141,187,160)
```
#99c2ab
```
#99c2ab rgb(153,194,171)
```
#a6cab5
```
#a6cab5 rgb(166,202,181)
```
#b2d1bf
```
#b2d1bf rgb(178,209,191)
```
#bed8c9
```
#bed8c9 rgb(190,216,201)
```
#cbe0d3
```
#cbe0d3 rgb(203,224,211)
```
#d7e7de
```
#d7e7de rgb(215,231,222)
```
#e3eee8
```
#e3eee8 rgb(227,238,232)
```
#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 #87fcb8 is the most saturated one.

#c0c3c1
```
#c0c3c1 rgb(192,195,193)
```
#bbc8c1
```
#bbc8c1 rgb(187,200,193)
```
#b7ccc0
```
#b7ccc0 rgb(183,204,192)
```
#b2d1bf
```
#b2d1bf rgb(178,209,191)
```
#add6be
```
#add6be rgb(173,214,190)
```
#a9dabd
```
#a9dabd rgb(169,218,189)
```
#a4dfbd
```
#a4dfbd rgb(164,223,189)
```
#9fe4bc
```
#9fe4bc rgb(159,228,188)
```
#9ae9bb
```
#9ae9bb rgb(154,233,187)
```
#96edba
```
#96edba rgb(150,237,186)
```
#91f2ba
```
#91f2ba rgb(145,242,186)
```
#8cf7b9
```
#8cf7b9 rgb(140,247,185)
```
#87fcb8
```
#87fcb8 rgb(135,252,184)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c2c8c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3cbbe Protanopia 1% of men
#e1c6c6 Deuteranopia 1% of men
#bbcfde Tritanopia 0.001% of the population

Trichromacy

#c7cdbe Protanomaly 1% of men, 0.01% of women
#d0cac3 Deuteranomaly 6% of men, 0.4% of women
#b8cfd2 Tritanomaly 0.01% of the population

#b2d1bf hex color

#b2d1bf Color Information

#b2d1bf Color Conversion

Color Schemes with #b2d1bf

Alternatives to #b2d1bf

#b2d1bf Preview

Shades and Tints of #b2d1bf

Tones of #b2d1bf

Color Blindness Simulator