#b2caa4 hex color

In a RGB color space, hex #b2caa4 is composed of 69.8% red, 79.2% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 11.9% cyan, 0% magenta, 18.8% yellow and 20.8% black. It has a hue angle of 97.9 degrees, a saturation of 26.4% and a lightness of 71.8%. #b2caa4 color hex could be obtained by blending #ffffff with #659549. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 70
- G 79
- B 64
RGB color chart
- C 12
- M 0
- Y 19
- K 21
CMYK color chart

● #b2caa4 color description : Grayish green.

The hexadecimal color #b2caa4 has RGB values of R:178, G:202, B:164 and CMYK values of C:0.12, M:0, Y:0.19, K:0.21. Its decimal value is 11717284.

Hex triplet	b2caa4	`#b2caa4`
RGB Decimal	178, 202, 164	`rgb(178,202,164)`
RGB Percent	69.8, 79.2, 64.3	`rgb(69.8%,79.2%,64.3%)`
CMYK	12, 0, 19, 21
HSL	97.9°, 26.4, 71.8	`hsl(97.9,26.4%,71.8%)`
HSV (or HSB)	97.9°, 18.8, 79.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	78.686, -15.055, 16.308
XYZ	46.18, 54.386, 43.185
xyY	0.321, 0.378, 54.386
CIE-LCH	78.686, 22.195, 132.713
CIE-LUV	78.686, -11.805, 25.902
Hunter-Lab	73.747, -17.281, 16.904
Binary	10110010, 11001010, 10100100

#b2caa4
```
#b2caa4 rgb(178,202,164)
```
#bca4ca
```
#bca4ca rgb(188,164,202)
```

Complementary Color

#c5caa4
```
#c5caa4 rgb(197,202,164)
```
#b2caa4
```
#b2caa4 rgb(178,202,164)
```
#a4caa9
```
#a4caa9 rgb(164,202,169)
```

Analogous Color

#caa4c5
```
#caa4c5 rgb(202,164,197)
```
#b2caa4
```
#b2caa4 rgb(178,202,164)
```
#a9a4ca
```
#a9a4ca rgb(169,164,202)
```

Split Complementary Color

#caa4b2
```
#caa4b2 rgb(202,164,178)
```
#b2caa4
```
#b2caa4 rgb(178,202,164)
```
#a4b2ca
```
#a4b2ca rgb(164,178,202)
```

Triadic Color

#cabca4
```
#cabca4 rgb(202,188,164)
```
#b2caa4
```
#b2caa4 rgb(178,202,164)
```
#a4b2ca
```
#a4b2ca rgb(164,178,202)
```
#bca4ca
```
#bca4ca rgb(188,164,202)
```

Tetradic Color

#89ae74
```
#89ae74 rgb(137,174,116)
```
#97b784
```
#97b784 rgb(151,183,132)
```
#a4c194
```
#a4c194 rgb(164,193,148)
```
#b2caa4
```
#b2caa4 rgb(178,202,164)
```
#c0d3b4
```
#c0d3b4 rgb(192,211,180)
```
#cdddc4
```
#cdddc4 rgb(205,221,196)
```
#dbe6d4
```
#dbe6d4 rgb(219,230,212)
```

Monochromatic Color

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

#bccaa4
```
#bccaa4 rgb(188,202,164)
```
#b8caa4
```
#b8caa4 rgb(184,202,164)
```
#b5caa4
```
#b5caa4 rgb(181,202,164)
```
#b2caa4
```
#b2caa4 rgb(178,202,164)
```
#afcaa4
```
#afcaa4 rgb(175,202,164)
```
#accaa4
```
#accaa4 rgb(172,202,164)
```
#a9caa4
```
#a9caa4 rgb(169,202,164)
```

Similar Colors

Text with hexadecimal color #b2caa4

This text has a font color of #b2caa4.

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

#b2caa4 background color

This paragraph has a background color of #b2caa4.

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

#b2caa4 border color

This element has a border color of #b2caa4.

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

CSS codes

.text {color:#b2caa4;}

.background {background-color:#b2caa4;}

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

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

#060805
```
#060805 rgb(6,8,5)
```
#0f150c
```
#0f150c rgb(15,21,12)
```
#182113
```
#182113 rgb(24,33,19)
```
#212d1a
```
#212d1a rgb(33,45,26)
```
#2b3a22
```
#2b3a22 rgb(43,58,34)
```
#344629
```
#344629 rgb(52,70,41)
```
#3d5330
```
#3d5330 rgb(61,83,48)
```
#465f37
```
#465f37 rgb(70,95,55)
```
#4f6b3f
```
#4f6b3f rgb(79,107,63)
```
#587846
```
#587846 rgb(88,120,70)
```
#61844d
```
#61844d rgb(97,132,77)
```
#6a9154
```
#6a9154 rgb(106,145,84)
```
#749d5b
```
#749d5b rgb(116,157,91)
```

Shade Color Variation

#7ea666
```
#7ea666 rgb(126,166,102)
```
#88ad72
```
#88ad72 rgb(136,173,114)
```
#93b47f
```
#93b47f rgb(147,180,127)
```
#9dbc8b
```
#9dbc8b rgb(157,188,139)
```
#a8c398
```
#a8c398 rgb(168,195,152)
```
#b2caa4
```
#b2caa4 rgb(178,202,164)
```
#bcd1b0
```
#bcd1b0 rgb(188,209,176)
```
#c7d8bd
```
#c7d8bd rgb(199,216,189)
```
#d1e0c9
```
#d1e0c9 rgb(209,224,201)
```
#dce7d6
```
#dce7d6 rgb(220,231,214)
```
#e6eee2
```
#e6eee2 rgb(230,238,226)
```
#f1f5ee
```
#f1f5ee rgb(241,245,238)
```
#fbfdfb
```
#fbfdfb rgb(251,253,251)
```

Tint Color Variation

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

#b6b9b5
```
#b6b9b5 rgb(182,185,181)
```
#b5bfaf
```
#b5bfaf rgb(181,191,175)
```
#b3c4aa
```
#b3c4aa rgb(179,196,170)
```
#b2caa4
```
#b2caa4 rgb(178,202,164)
```
#b1d09e
```
#b1d09e rgb(177,208,158)
```
#afd599
```
#afd599 rgb(175,213,153)
```
#aedb93
```
#aedb93 rgb(174,219,147)
```
#ace08e
```
#ace08e rgb(172,224,142)
```
#abe688
```
#abe688 rgb(171,230,136)
```
#a9eb83
```
#a9eb83 rgb(169,235,131)
```
#a8f17d
```
#a8f17d rgb(168,241,125)
```
#a6f678
```
#a6f678 rgb(166,246,120)
```
#a5fc72
```
#a5fc72 rgb(165,252,114)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bcc0b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0c5a5 Protanopia 1% of men
#e1bead Deuteranopia 1% of men
#bec6d4 Tritanopia 0.001% of the population

Trichromacy

#c5c7a4 Protanomaly 1% of men, 0.01% of women
#d0c2a9 Deuteranomaly 6% of men, 0.4% of women
#b9c7c3 Tritanomaly 0.01% of the population

#b2caa4 hex color

#b2caa4 Color Information

#b2caa4 Color Conversion

Color Schemes with #b2caa4

Alternatives to #b2caa4

#b2caa4 Preview

Shades and Tints of #b2caa4

Tones of #b2caa4

Color Blindness Simulator