#b4cca0 hex color

In a RGB color space, hex #b4cca0 is composed of 70.6% red, 80% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 21.6% yellow and 20% black. It has a hue angle of 92.7 degrees, a saturation of 30.1% and a lightness of 71.4%. #b4cca0 color hex could be obtained by blending #ffffff with #699941. Closest websafe color is: #cccc99.

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

● #b4cca0 color description : Grayish green.

The hexadecimal color #b4cca0 has RGB values of R:180, G:204, B:160 and CMYK values of C:0.12, M:0, Y:0.22, K:0.2. Its decimal value is 11848864.

Hex triplet	b4cca0	`#b4cca0`
RGB Decimal	180, 204, 160	`rgb(180,204,160)`
RGB Percent	70.6, 80, 62.7	`rgb(70.6%,80%,62.7%)`
CMYK	12, 0, 22, 20
HSL	92.7°, 30.1, 71.4	`hsl(92.7,30.1%,71.4%)`
HSV (or HSB)	92.7°, 21.6, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	79.286, -16.006, 19.289
XYZ	46.759, 55.427, 41.491
xyY	0.325, 0.386, 55.427
CIE-LCH	79.286, 25.066, 129.686
CIE-LUV	79.286, -11.642, 30.091
Hunter-Lab	74.449, -18.176, 19.072
Binary	10110100, 11001100, 10100000

#b4cca0
```
#b4cca0 rgb(180,204,160)
```
#b8a0cc
```
#b8a0cc rgb(184,160,204)
```

Complementary Color

#cacca0
```
#cacca0 rgb(202,204,160)
```
#b4cca0
```
#b4cca0 rgb(180,204,160)
```
#a0cca2
```
#a0cca2 rgb(160,204,162)
```

Analogous Color

#cca0ca
```
#cca0ca rgb(204,160,202)
```
#b4cca0
```
#b4cca0 rgb(180,204,160)
```
#a2a0cc
```
#a2a0cc rgb(162,160,204)
```

Split Complementary Color

#cca0b4
```
#cca0b4 rgb(204,160,180)
```
#b4cca0
```
#b4cca0 rgb(180,204,160)
```
#a0b4cc
```
#a0b4cc rgb(160,180,204)
```

Triadic Color

#ccb8a0
```
#ccb8a0 rgb(204,184,160)
```
#b4cca0
```
#b4cca0 rgb(180,204,160)
```
#a0b4cc
```
#a0b4cc rgb(160,180,204)
```
#b8a0cc
```
#b8a0cc rgb(184,160,204)
```

Tetradic Color

#8db16e
```
#8db16e rgb(141,177,110)
```
#9aba7f
```
#9aba7f rgb(154,186,127)
```
#a7c38f
```
#a7c38f rgb(167,195,143)
```
#b4cca0
```
#b4cca0 rgb(180,204,160)
```
#c1d5b1
```
#c1d5b1 rgb(193,213,177)
```
#cedec1
```
#cedec1 rgb(206,222,193)
```
#dbe7d2
```
#dbe7d2 rgb(219,231,210)
```

Monochromatic Color

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

#bfcca0
```
#bfcca0 rgb(191,204,160)
```
#bbcca0
```
#bbcca0 rgb(187,204,160)
```
#b8cca0
```
#b8cca0 rgb(184,204,160)
```
#b4cca0
```
#b4cca0 rgb(180,204,160)
```
#b0cca0
```
#b0cca0 rgb(176,204,160)
```
#adcca0
```
#adcca0 rgb(173,204,160)
```
#a9cca0
```
#a9cca0 rgb(169,204,160)
```

Similar Colors

Text with hexadecimal color #b4cca0

This text has a font color of #b4cca0.

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

#b4cca0 background color

This paragraph has a background color of #b4cca0.

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

#b4cca0 border color

This element has a border color of #b4cca0.

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

CSS codes

.text {color:#b4cca0;}

.background {background-color:#b4cca0;}

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

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

#050704
```
#050704 rgb(5,7,4)
```
#0f140b
```
#0f140b rgb(15,20,11)
```
#182112
```
#182112 rgb(24,33,18)
```
#222d18
```
#222d18 rgb(34,45,24)
```
#2b3a1f
```
#2b3a1f rgb(43,58,31)
```
#354726
```
#354726 rgb(53,71,38)
```
#3f542d
```
#3f542d rgb(63,84,45)
```
#486034
```
#486034 rgb(72,96,52)
```
#526d3b
```
#526d3b rgb(82,109,59)
```
#5b7a41
```
#5b7a41 rgb(91,122,65)
```
#658748
```
#658748 rgb(101,135,72)
```
#6e944f
```
#6e944f rgb(110,148,79)
```
#78a056
```
#78a056 rgb(120,160,86)
```

Shade Color Variation

#82aa60
```
#82aa60 rgb(130,170,96)
```
#8cb16d
```
#8cb16d rgb(140,177,109)
```
#96b77a
```
#96b77a rgb(150,183,122)
```
#a0be86
```
#a0be86 rgb(160,190,134)
```
#aac593
```
#aac593 rgb(170,197,147)
```
#b4cca0
```
#b4cca0 rgb(180,204,160)
```
#bed3ad
```
#bed3ad rgb(190,211,173)
```
#c8daba
```
#c8daba rgb(200,218,186)
```
#d2e1c6
```
#d2e1c6 rgb(210,225,198)
```
#dce7d3
```
#dce7d3 rgb(220,231,211)
```
#e6eee0
```
#e6eee0 rgb(230,238,224)
```
#f0f5ed
```
#f0f5ed rgb(240,245,237)
```
#fbfcf9
```
#fbfcf9 rgb(251,252,249)
```

Tint Color Variation

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

#b6bbb1
```
#b6bbb1 rgb(182,187,177)
```
#b5c1ab
```
#b5c1ab rgb(181,193,171)
```
#b5c6a6
```
#b5c6a6 rgb(181,198,166)
```
#b4cca0
```
#b4cca0 rgb(180,204,160)
```
#b3d29a
```
#b3d29a rgb(179,210,154)
```
#b3d795
```
#b3d795 rgb(179,215,149)
```
#b2dd8f
```
#b2dd8f rgb(178,221,143)
```
#b2e28a
```
#b2e28a rgb(178,226,138)
```
#b1e884
```
#b1e884 rgb(177,232,132)
```
#b1ee7e
```
#b1ee7e rgb(177,238,126)
```
#b0f379
```
#b0f379 rgb(176,243,121)
```
#b0f973
```
#b0f973 rgb(176,249,115)
```
#afff6d
```
#afff6d rgb(175,255,109)
```

Tone Color Variation

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

Dichromacy

#d3c7a1 Protanopia 1% of men
#e4c0a9 Deuteranopia 1% of men
#c0c7d6 Tritanopia 0.001% of the population

Trichromacy

#c7c8a1 Protanomaly 1% of men, 0.01% of women
#d2c4a6 Deuteranomaly 6% of men, 0.4% of women
#bcc9c2 Tritanomaly 0.01% of the population

#b4cca0 hex color

#b4cca0 Color Information

#b4cca0 Color Conversion

Color Schemes with #b4cca0

Alternatives to #b4cca0

#b4cca0 Preview

Shades and Tints of #b4cca0

Tones of #b4cca0

Color Blindness Simulator