#b2d3ae hex color

In a RGB color space, hex #b2d3ae is composed of 69.8% red, 82.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 15.6% cyan, 0% magenta, 17.5% yellow and 17.3% black. It has a hue angle of 113.5 degrees, a saturation of 29.6% and a lightness of 75.5%. #b2d3ae color hex could be obtained by blending #ffffff with #65a75d. Closest websafe color is: #99cc99.

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

● #b2d3ae color description : Grayish lime green.

The hexadecimal color #b2d3ae has RGB values of R:178, G:211, B:174 and CMYK values of C:0.16, M:0, Y:0.18, K:0.17. Its decimal value is 11719598.

Hex triplet	b2d3ae	`#b2d3ae`
RGB Decimal	178, 211, 174	`rgb(178,211,174)`
RGB Percent	69.8, 82.7, 68.2	`rgb(69.8%,82.7%,68.2%)`
CMYK	16, 0, 18, 17
HSL	113.5°, 29.6, 75.5	`hsl(113.5,29.6%,75.5%)`
HSV (or HSB)	113.5°, 17.5, 82.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.351, -17.903, 14.735
XYZ	49.293, 59.109, 48.854
xyY	0.313, 0.376, 59.109
CIE-LCH	81.351, 23.187, 140.545
CIE-LUV	81.351, -16.597, 24.435
Hunter-Lab	76.882, -20.1, 16.142
Binary	10110010, 11010011, 10101110

#b2d3ae
```
#b2d3ae rgb(178,211,174)
```
#cfaed3
```
#cfaed3 rgb(207,174,211)
```

Complementary Color

#c5d3ae
```
#c5d3ae rgb(197,211,174)
```
#b2d3ae
```
#b2d3ae rgb(178,211,174)
```
#aed3bd
```
#aed3bd rgb(174,211,189)
```

Analogous Color

#d3aec5
```
#d3aec5 rgb(211,174,197)
```
#b2d3ae
```
#b2d3ae rgb(178,211,174)
```
#bdaed3
```
#bdaed3 rgb(189,174,211)
```

Split Complementary Color

#d3aeb2
```
#d3aeb2 rgb(211,174,178)
```
#b2d3ae
```
#b2d3ae rgb(178,211,174)
```
#aeb2d3
```
#aeb2d3 rgb(174,178,211)
```

Triadic Color

#d3cfae
```
#d3cfae rgb(211,207,174)
```
#b2d3ae
```
#b2d3ae rgb(178,211,174)
```
#aeb2d3
```
#aeb2d3 rgb(174,178,211)
```
#cfaed3
```
#cfaed3 rgb(207,174,211)
```

Tetradic Color

#83b87c
```
#83b87c rgb(131,184,124)
```
#93c18d
```
#93c18d rgb(147,193,141)
```
#a2ca9d
```
#a2ca9d rgb(162,202,157)
```
#b2d3ae
```
#b2d3ae rgb(178,211,174)
```
#c2dcbf
```
#c2dcbf rgb(194,220,191)
```
#d1e5cf
```
#d1e5cf rgb(209,229,207)
```
#e1eee0
```
#e1eee0 rgb(225,238,224)
```

Monochromatic Color

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

#bbd3ae
```
#bbd3ae rgb(187,211,174)
```
#b8d3ae
```
#b8d3ae rgb(184,211,174)
```
#b5d3ae
```
#b5d3ae rgb(181,211,174)
```
#b2d3ae
```
#b2d3ae rgb(178,211,174)
```
#afd3ae
```
#afd3ae rgb(175,211,174)
```
#aed3b0
```
#aed3b0 rgb(174,211,176)
```
#aed3b3
```
#aed3b3 rgb(174,211,179)
```

Similar Colors

Text with hexadecimal color #b2d3ae

This text has a font color of #b2d3ae.

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

#b2d3ae background color

This paragraph has a background color of #b2d3ae.

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

#b2d3ae border color

This element has a border color of #b2d3ae.

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

CSS codes

.text {color:#b2d3ae;}

.background {background-color:#b2d3ae;}

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

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

#050804
```
#050804 rgb(5,8,4)
```
#0c150b
```
#0c150b rgb(12,21,11)
```
#142112
```
#142112 rgb(20,33,18)
```
#1b2e19
```
#1b2e19 rgb(27,46,25)
```
#233b20
```
#233b20 rgb(35,59,32)
```
#2a4827
```
#2a4827 rgb(42,72,39)
```
#32542e
```
#32542e rgb(50,84,46)
```
#396135
```
#396135 rgb(57,97,53)
```
#416e3c
```
#416e3c rgb(65,110,60)
```
#497a42
```
#497a42 rgb(73,122,66)
```
#508749
```
#508749 rgb(80,135,73)
```
#589450
```
#589450 rgb(88,148,80)
```
#5fa157
```
#5fa157 rgb(95,161,87)
```

Shade Color Variation

#6aaa62
```
#6aaa62 rgb(106,170,98)
```
#76b06e
```
#76b06e rgb(118,176,110)
```
#82b77b
```
#82b77b rgb(130,183,123)
```
#8ebe88
```
#8ebe88 rgb(142,190,136)
```
#9ac595
```
#9ac595 rgb(154,197,149)
```
#a6cca1
```
#a6cca1 rgb(166,204,161)
```
#b2d3ae
```
#b2d3ae rgb(178,211,174)
```
#bedabb
```
#bedabb rgb(190,218,187)
```
#cae1c7
```
#cae1c7 rgb(202,225,199)
```
#d6e8d4
```
#d6e8d4 rgb(214,232,212)
```
#e2efe1
```
#e2efe1 rgb(226,239,225)
```
#eef6ee
```
#eef6ee rgb(238,246,238)
```
#fafcfa
```
#fafcfa rgb(250,252,250)
```

Tint Color Variation

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

#bdc5bc
```
#bdc5bc rgb(189,197,188)
```
#bac9b8
```
#bac9b8 rgb(186,201,184)
```
#b6ceb3
```
#b6ceb3 rgb(182,206,179)
```
#b2d3ae
```
#b2d3ae rgb(178,211,174)
```
#aed8a9
```
#aed8a9 rgb(174,216,169)
```
#aadda4
```
#aadda4 rgb(170,221,164)
```
#a7e1a0
```
#a7e1a0 rgb(167,225,160)
```
#a3e69b
```
#a3e69b rgb(163,230,155)
```
#9feb96
```
#9feb96 rgb(159,235,150)
```
#9bf091
```
#9bf091 rgb(155,240,145)
```
#98f58c
```
#98f58c rgb(152,245,140)
```
#94f988
```
#94f988 rgb(148,249,136)
```
#90fe83
```
#90fe83 rgb(144,254,131)
```

Tone Color Variation

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

Dichromacy

#d7ccae Protanopia 1% of men
#e7c5b7 Deuteranopia 1% of men
#becfdd Tritanopia 0.001% of the population

Trichromacy

#c9ceae Protanomaly 1% of men, 0.01% of women
#d4cab3 Deuteranomaly 6% of men, 0.4% of women
#b9d0cc Tritanomaly 0.01% of the population

#b2d3ae hex color

#b2d3ae Color Information

#b2d3ae Color Conversion

Color Schemes with #b2d3ae

Alternatives to #b2d3ae

#b2d3ae Preview

Shades and Tints of #b2d3ae

Tones of #b2d3ae

Color Blindness Simulator