#b4cca6 hex color

In a RGB color space, hex #b4cca6 is composed of 70.6% red, 80% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 18.6% yellow and 20% black. It has a hue angle of 97.9 degrees, a saturation of 27.1% and a lightness of 72.5%. #b4cca6 color hex could be obtained by blending #ffffff with #69994d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 71
- G 80
- B 65
RGB color chart
- C 12
- M 0
- Y 19
- K 20
CMYK color chart

● #b4cca6 color description : Grayish green.

The hexadecimal color #b4cca6 has RGB values of R:180, G:204, B:166 and CMYK values of C:0.12, M:0, Y:0.19, K:0.2. Its decimal value is 11848870.

Hex triplet	b4cca6	`#b4cca6`
RGB Decimal	180, 204, 166	`rgb(180,204,166)`
RGB Percent	70.6, 80, 65.1	`rgb(70.6%,80%,65.1%)`
CMYK	12, 0, 19, 20
HSL	97.9°, 27.1, 72.5	`hsl(97.9,27.1%,72.5%)`
HSV (or HSB)	97.9°, 18.6, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	79.409, -15.03, 16.275
XYZ	47.297, 55.642, 44.322
xyY	0.321, 0.378, 55.642
CIE-LCH	79.409, 22.154, 132.722
CIE-LUV	79.409, -11.798, 25.903
Hunter-Lab	74.593, -17.359, 16.986
Binary	10110100, 11001100, 10100110

#b4cca6
```
#b4cca6 rgb(180,204,166)
```
#bea6cc
```
#bea6cc rgb(190,166,204)
```

Complementary Color

#c7cca6
```
#c7cca6 rgb(199,204,166)
```
#b4cca6
```
#b4cca6 rgb(180,204,166)
```
#a6ccab
```
#a6ccab rgb(166,204,171)
```

Analogous Color

#cca6c7
```
#cca6c7 rgb(204,166,199)
```
#b4cca6
```
#b4cca6 rgb(180,204,166)
```
#aba6cc
```
#aba6cc rgb(171,166,204)
```

Split Complementary Color

#cca6b4
```
#cca6b4 rgb(204,166,180)
```
#b4cca6
```
#b4cca6 rgb(180,204,166)
```
#a6b4cc
```
#a6b4cc rgb(166,180,204)
```

Triadic Color

#ccbea6
```
#ccbea6 rgb(204,190,166)
```
#b4cca6
```
#b4cca6 rgb(180,204,166)
```
#a6b4cc
```
#a6b4cc rgb(166,180,204)
```
#bea6cc
```
#bea6cc rgb(190,166,204)
```

Tetradic Color

#8bb075
```
#8bb075 rgb(139,176,117)
```
#99b986
```
#99b986 rgb(153,185,134)
```
#a6c396
```
#a6c396 rgb(166,195,150)
```
#b4cca6
```
#b4cca6 rgb(180,204,166)
```
#c2d5b6
```
#c2d5b6 rgb(194,213,182)
```
#cfdfc6
```
#cfdfc6 rgb(207,223,198)
```
#dde8d7
```
#dde8d7 rgb(221,232,215)
```

Monochromatic Color

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

#becca6
```
#becca6 rgb(190,204,166)
```
#bacca6
```
#bacca6 rgb(186,204,166)
```
#b7cca6
```
#b7cca6 rgb(183,204,166)
```
#b4cca6
```
#b4cca6 rgb(180,204,166)
```
#b1cca6
```
#b1cca6 rgb(177,204,166)
```
#aecca6
```
#aecca6 rgb(174,204,166)
```
#abcca6
```
#abcca6 rgb(171,204,166)
```

Similar Colors

Text with hexadecimal color #b4cca6

This text has a font color of #b4cca6.

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

#b4cca6 background color

This paragraph has a background color of #b4cca6.

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

#b4cca6 border color

This element has a border color of #b4cca6.

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

CSS codes

.text {color:#b4cca6;}

.background {background-color:#b4cca6;}

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

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, #080b06 is the darkest color, while #fefefd is the lightest one.

#080b06
```
#080b06 rgb(8,11,6)
```
#11170d
```
#11170d rgb(17,23,13)
```
#1a2414
```
#1a2414 rgb(26,36,20)
```
#23301c
```
#23301c rgb(35,48,28)
```
#2c3d23
```
#2c3d23 rgb(44,61,35)
```
#35492a
```
#35492a rgb(53,73,42)
```
#3f5631
```
#3f5631 rgb(63,86,49)
```
#486238
```
#486238 rgb(72,98,56)
```
#516f3f
```
#516f3f rgb(81,111,63)
```
#5a7b46
```
#5a7b46 rgb(90,123,70)
```
#63874e
```
#63874e rgb(99,135,78)
```
#6c9455
```
#6c9455 rgb(108,148,85)
```
#75a05c
```
#75a05c rgb(117,160,92)
```

Shade Color Variation

#7fa868
```
#7fa868 rgb(127,168,104)
```
#8aaf74
```
#8aaf74 rgb(138,175,116)
```
#94b781
```
#94b781 rgb(148,183,129)
```
#9fbe8d
```
#9fbe8d rgb(159,190,141)
```
#a9c59a
```
#a9c59a rgb(169,197,154)
```
#b4cca6
```
#b4cca6 rgb(180,204,166)
```
#bfd3b2
```
#bfd3b2 rgb(191,211,178)
```
#c9dabf
```
#c9dabf rgb(201,218,191)
```
#d4e1cb
```
#d4e1cb rgb(212,225,203)
```
#dee9d8
```
#dee9d8 rgb(222,233,216)
```
#e9f0e4
```
#e9f0e4 rgb(233,240,228)
```
#f3f7f1
```
#f3f7f1 rgb(243,247,241)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#b8bcb6
```
#b8bcb6 rgb(184,188,182)
```
#b7c1b1
```
#b7c1b1 rgb(183,193,177)
```
#b5c7ab
```
#b5c7ab rgb(181,199,171)
```
#b4cca6
```
#b4cca6 rgb(180,204,166)
```
#b3d1a1
```
#b3d1a1 rgb(179,209,161)
```
#b1d79b
```
#b1d79b rgb(177,215,155)
```
#b0dc96
```
#b0dc96 rgb(176,220,150)
```
#aee290
```
#aee290 rgb(174,226,144)
```
#ade78b
```
#ade78b rgb(173,231,139)
```
#abec86
```
#abec86 rgb(171,236,134)
```
#aaf280
```
#aaf280 rgb(170,242,128)
```
#a9f77b
```
#a9f77b rgb(169,247,123)
```
#a7fc76
```
#a7fc76 rgb(167,252,118)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bec2bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c7a7 Protanopia 1% of men
#e3c0af Deuteranopia 1% of men
#bfc8d6 Tritanopia 0.001% of the population

Trichromacy

#c7c8a6 Protanomaly 1% of men, 0.01% of women
#d2c4ab Deuteranomaly 6% of men, 0.4% of women
#bbc9c5 Tritanomaly 0.01% of the population

#b4cca6 hex color

#b4cca6 Color Information

#b4cca6 Color Conversion

Color Schemes with #b4cca6

Alternatives to #b4cca6

#b4cca6 Preview

Shades and Tints of #b4cca6

Tones of #b4cca6

Color Blindness Simulator