#b2d2ae hex color

In a RGB color space, hex #b2d2ae is composed of 69.8% red, 82.4% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 0% magenta, 17.1% yellow and 17.6% black. It has a hue angle of 113.3 degrees, a saturation of 28.6% and a lightness of 75.3%. #b2d2ae color hex could be obtained by blending #ffffff with #65a55d. Closest websafe color is: #99cc99.

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

● #b2d2ae color description : Grayish lime green.

The hexadecimal color #b2d2ae has RGB values of R:178, G:210, B:174 and CMYK values of C:0.15, M:0, Y:0.17, K:0.18. Its decimal value is 11719342.

Hex triplet	b2d2ae	`#b2d2ae`
RGB Decimal	178, 210, 174	`rgb(178,210,174)`
RGB Percent	69.8, 82.4, 68.2	`rgb(69.8%,82.4%,68.2%)`
CMYK	15, 0, 17, 18
HSL	113.3°, 28.6, 75.3	`hsl(113.3,28.6%,75.3%)`
HSV (or HSB)	113.3°, 17.1, 82.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.079, -17.402, 14.351
XYZ	49.045, 58.613, 48.772
xyY	0.314, 0.375, 58.613
CIE-LCH	81.079, 22.556, 140.488
CIE-LUV	81.079, -16.098, 23.801
Hunter-Lab	76.559, -19.63, 15.821
Binary	10110010, 11010010, 10101110

#b2d2ae
```
#b2d2ae rgb(178,210,174)
```
#ceaed2
```
#ceaed2 rgb(206,174,210)
```

Complementary Color

#c4d2ae
```
#c4d2ae rgb(196,210,174)
```
#b2d2ae
```
#b2d2ae rgb(178,210,174)
```
#aed2bc
```
#aed2bc rgb(174,210,188)
```

Analogous Color

#d2aec4
```
#d2aec4 rgb(210,174,196)
```
#b2d2ae
```
#b2d2ae rgb(178,210,174)
```
#bcaed2
```
#bcaed2 rgb(188,174,210)
```

Split Complementary Color

#d2aeb2
```
#d2aeb2 rgb(210,174,178)
```
#b2d2ae
```
#b2d2ae rgb(178,210,174)
```
#aeb2d2
```
#aeb2d2 rgb(174,178,210)
```

Triadic Color

#d2ceae
```
#d2ceae rgb(210,206,174)
```
#b2d2ae
```
#b2d2ae rgb(178,210,174)
```
#aeb2d2
```
#aeb2d2 rgb(174,178,210)
```
#ceaed2
```
#ceaed2 rgb(206,174,210)
```

Tetradic Color

#83b77d
```
#83b77d rgb(131,183,125)
```
#93c08d
```
#93c08d rgb(147,192,141)
```
#a2c99e
```
#a2c99e rgb(162,201,158)
```
#b2d2ae
```
#b2d2ae rgb(178,210,174)
```
#c2dbbe
```
#c2dbbe rgb(194,219,190)
```
#d1e4cf
```
#d1e4cf rgb(209,228,207)
```
#e1eddf
```
#e1eddf rgb(225,237,223)
```

Monochromatic Color

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

#bbd2ae
```
#bbd2ae rgb(187,210,174)
```
#b8d2ae
```
#b8d2ae rgb(184,210,174)
```
#b5d2ae
```
#b5d2ae rgb(181,210,174)
```
#b2d2ae
```
#b2d2ae rgb(178,210,174)
```
#afd2ae
```
#afd2ae rgb(175,210,174)
```
#aed2b0
```
#aed2b0 rgb(174,210,176)
```
#aed2b3
```
#aed2b3 rgb(174,210,179)
```

Similar Colors

Text with hexadecimal color #b2d2ae

This text has a font color of #b2d2ae.

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

#b2d2ae background color

This paragraph has a background color of #b2d2ae.

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

#b2d2ae border color

This element has a border color of #b2d2ae.

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

CSS codes

.text {color:#b2d2ae;}

.background {background-color:#b2d2ae;}

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

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

#040704
```
#040704 rgb(4,7,4)
```
#0c140b
```
#0c140b rgb(12,20,11)
```
#142012
```
#142012 rgb(20,32,18)
```
#1b2d19
```
#1b2d19 rgb(27,45,25)
```
#233a20
```
#233a20 rgb(35,58,32)
```
#2b4627
```
#2b4627 rgb(43,70,39)
```
#32532e
```
#32532e rgb(50,83,46)
```
#3a6035
```
#3a6035 rgb(58,96,53)
```
#416c3c
```
#416c3c rgb(65,108,60)
```
#497943
```
#497943 rgb(73,121,67)
```
#51854a
```
#51854a rgb(81,133,74)
```
#589251
```
#589251 rgb(88,146,81)
```
#609f58
```
#609f58 rgb(96,159,88)
```

Shade Color Variation

#6aa862
```
#6aa862 rgb(106,168,98)
```
#76af6f
```
#76af6f rgb(118,175,111)
```
#82b67c
```
#82b67c rgb(130,182,124)
```
#8ebd88
```
#8ebd88 rgb(142,189,136)
```
#9ac495
```
#9ac495 rgb(154,196,149)
```
#a6cba1
```
#a6cba1 rgb(166,203,161)
```
#b2d2ae
```
#b2d2ae rgb(178,210,174)
```
#bed9bb
```
#bed9bb rgb(190,217,187)
```
#cae0c7
```
#cae0c7 rgb(202,224,199)
```
#d6e7d4
```
#d6e7d4 rgb(214,231,212)
```
#e2eee0
```
#e2eee0 rgb(226,238,224)
```
#eef5ed
```
#eef5ed rgb(238,245,237)
```
#fafcfa
```
#fafcfa rgb(250,252,250)
```

Tint Color Variation

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

#bdc3bd
```
#bdc3bd rgb(189,195,189)
```
#bac8b8
```
#bac8b8 rgb(186,200,184)
```
#b6cdb3
```
#b6cdb3 rgb(182,205,179)
```
#b2d2ae
```
#b2d2ae rgb(178,210,174)
```
#aed7a9
```
#aed7a9 rgb(174,215,169)
```
#aadca4
```
#aadca4 rgb(170,220,164)
```
#a7e19f
```
#a7e19f rgb(167,225,159)
```
#a3e59b
```
#a3e59b rgb(163,229,155)
```
#9fea96
```
#9fea96 rgb(159,234,150)
```
#9bef91
```
#9bef91 rgb(155,239,145)
```
#98f48c
```
#98f48c rgb(152,244,140)
```
#94f987
```
#94f987 rgb(148,249,135)
```
#90fe82
```
#90fe82 rgb(144,254,130)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c0c7c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6cbae Protanopia 1% of men
#e6c5b7 Deuteranopia 1% of men
#becedd Tritanopia 0.001% of the population

Trichromacy

#c9cdae Protanomaly 1% of men, 0.01% of women
#d3c9b3 Deuteranomaly 6% of men, 0.4% of women
#b9cfcb Tritanomaly 0.01% of the population

#b2d2ae hex color

#b2d2ae Color Information

#b2d2ae Color Conversion

Color Schemes with #b2d2ae

Alternatives to #b2d2ae

#b2d2ae Preview

Shades and Tints of #b2d2ae

Tones of #b2d2ae

Color Blindness Simulator