#b4c8a0 hex color

In a RGB color space, hex #b4c8a0 is composed of 70.6% red, 78.4% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 0% magenta, 20% yellow and 21.6% black. It has a hue angle of 90 degrees, a saturation of 26.7% and a lightness of 70.6%. #b4c8a0 color hex could be obtained by blending #ffffff with #699141. Closest websafe color is: #cccc99.

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

● #b4c8a0 color description : Grayish green.

The hexadecimal color #b4c8a0 has RGB values of R:180, G:200, B:160 and CMYK values of C:0.1, M:0, Y:0.2, K:0.22. Its decimal value is 11847840.

Hex triplet	b4c8a0	`#b4c8a0`
RGB Decimal	180, 200, 160	`rgb(180,200,160)`
RGB Percent	70.6, 78.4, 62.7	`rgb(70.6%,78.4%,62.7%)`
CMYK	10, 0, 20, 22
HSL	90°, 26.7, 70.6	`hsl(90,26.7%,70.6%)`
HSV (or HSB)	90°, 20, 78.4
Web Safe	cccc99	`#cccc99`

CIE-LAB	78.198, -13.975, 17.779
XYZ	45.82, 53.55, 41.178
xyY	0.326, 0.381, 53.55
CIE-LCH	78.198, 22.614, 128.17
CIE-LUV	78.198, -9.55, 27.639
Hunter-Lab	73.178, -16.292, 17.861
Binary	10110100, 11001000, 10100000

#b4c8a0
```
#b4c8a0 rgb(180,200,160)
```
#b4a0c8
```
#b4a0c8 rgb(180,160,200)
```

Complementary Color

#c8c8a0
```
#c8c8a0 rgb(200,200,160)
```
#b4c8a0
```
#b4c8a0 rgb(180,200,160)
```
#a0c8a0
```
#a0c8a0 rgb(160,200,160)
```

Analogous Color

#c8a0c8
```
#c8a0c8 rgb(200,160,200)
```
#b4c8a0
```
#b4c8a0 rgb(180,200,160)
```
#a0a0c8
```
#a0a0c8 rgb(160,160,200)
```

Split Complementary Color

#c8a0b4
```
#c8a0b4 rgb(200,160,180)
```
#b4c8a0
```
#b4c8a0 rgb(180,200,160)
```
#a0b4c8
```
#a0b4c8 rgb(160,180,200)
```

Triadic Color

#c8b4a0
```
#c8b4a0 rgb(200,180,160)
```
#b4c8a0
```
#b4c8a0 rgb(180,200,160)
```
#a0b4c8
```
#a0b4c8 rgb(160,180,200)
```
#b4a0c8
```
#b4a0c8 rgb(180,160,200)
```

Tetradic Color

#8eac70
```
#8eac70 rgb(142,172,112)
```
#9bb580
```
#9bb580 rgb(155,181,128)
```
#a7bf90
```
#a7bf90 rgb(167,191,144)
```
#b4c8a0
```
#b4c8a0 rgb(180,200,160)
```
#c1d1b0
```
#c1d1b0 rgb(193,209,176)
```
#cedbc0
```
#cedbc0 rgb(206,219,192)
```
#dae4d0
```
#dae4d0 rgb(218,228,208)
```

Monochromatic Color

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

#bec8a0
```
#bec8a0 rgb(190,200,160)
```
#bbc8a0
```
#bbc8a0 rgb(187,200,160)
```
#b7c8a0
```
#b7c8a0 rgb(183,200,160)
```
#b4c8a0
```
#b4c8a0 rgb(180,200,160)
```
#b1c8a0
```
#b1c8a0 rgb(177,200,160)
```
#adc8a0
```
#adc8a0 rgb(173,200,160)
```
#aac8a0
```
#aac8a0 rgb(170,200,160)
```

Similar Colors

Text with hexadecimal color #b4c8a0

This text has a font color of #b4c8a0.

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

#b4c8a0 background color

This paragraph has a background color of #b4c8a0.

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

#b4c8a0 border color

This element has a border color of #b4c8a0.

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

CSS codes

.text {color:#b4c8a0;}

.background {background-color:#b4c8a0;}

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

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

#030403
```
#030403 rgb(3,4,3)
```
#0d110a
```
#0d110a rgb(13,17,10)
```
#171d11
```
#171d11 rgb(23,29,17)
```
#212a18
```
#212a18 rgb(33,42,24)
```
#2b361f
```
#2b361f rgb(43,54,31)
```
#354327
```
#354327 rgb(53,67,39)
```
#3e4f2e
```
#3e4f2e rgb(62,79,46)
```
#485b35
```
#485b35 rgb(72,91,53)
```
#52683c
```
#52683c rgb(82,104,60)
```
#5c7443
```
#5c7443 rgb(92,116,67)
```
#66814a
```
#66814a rgb(102,129,74)
```
#6f8d52
```
#6f8d52 rgb(111,141,82)
```
#799959
```
#799959 rgb(121,153,89)
```

Shade Color Variation

#83a462
```
#83a462 rgb(131,164,98)
```
#8dab6e
```
#8dab6e rgb(141,171,110)
```
#97b27b
```
#97b27b rgb(151,178,123)
```
#a0ba87
```
#a0ba87 rgb(160,186,135)
```
#aac194
```
#aac194 rgb(170,193,148)
```
#b4c8a0
```
#b4c8a0 rgb(180,200,160)
```
#becfac
```
#becfac rgb(190,207,172)
```
#c8d6b9
```
#c8d6b9 rgb(200,214,185)
```
#d1dec5
```
#d1dec5 rgb(209,222,197)
```
#dbe5d2
```
#dbe5d2 rgb(219,229,210)
```
#e5ecde
```
#e5ecde rgb(229,236,222)
```
#eff3eb
```
#eff3eb rgb(239,243,235)
```
#f9faf7
```
#f9faf7 rgb(249,250,247)
```

Tint Color Variation

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

#b4b7b1
```
#b4b7b1 rgb(180,183,177)
```
#b4bcac
```
#b4bcac rgb(180,188,172)
```
#b4c2a6
```
#b4c2a6 rgb(180,194,166)
```
#b4c8a0
```
#b4c8a0 rgb(180,200,160)
```
#b4ce9a
```
#b4ce9a rgb(180,206,154)
```
#b4d494
```
#b4d494 rgb(180,212,148)
```
#b4d98f
```
#b4d98f rgb(180,217,143)
```
#b4df89
```
#b4df89 rgb(180,223,137)
```
#b4e583
```
#b4e583 rgb(180,229,131)
```
#b4eb7d
```
#b4eb7d rgb(180,235,125)
```
#b4f078
```
#b4f078 rgb(180,240,120)
```
#b4f672
```
#b4f672 rgb(180,246,114)
```
#b4fc6c
```
#b4fc6c rgb(180,252,108)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bbbfb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc4a1 Protanopia 1% of men
#e0bda9 Deuteranopia 1% of men
#bfc4d2 Tritanopia 0.001% of the population

Trichromacy

#c5c5a1 Protanomaly 1% of men, 0.01% of women
#d0c1a5 Deuteranomaly 6% of men, 0.4% of women
#bbc5c0 Tritanomaly 0.01% of the population

#b4c8a0 hex color

#b4c8a0 Color Information

#b4c8a0 Color Conversion

Color Schemes with #b4c8a0

Alternatives to #b4c8a0

#b4c8a0 Preview

Shades and Tints of #b4c8a0

Tones of #b4c8a0

Color Blindness Simulator