#b4cf96 hex color

In a RGB color space, hex #b4cf96 is composed of 70.6% red, 81.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 13% cyan, 0% magenta, 27.5% yellow and 18.8% black. It has a hue angle of 88.4 degrees, a saturation of 37.3% and a lightness of 70%. #b4cf96 color hex could be obtained by blending #ffffff with #699f2d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 71
- G 81
- B 59
RGB color chart
- C 13
- M 0
- Y 28
- K 19
CMYK color chart

● #b4cf96 color description : Slightly desaturated green.

The hexadecimal color #b4cf96 has RGB values of R:180, G:207, B:150 and CMYK values of C:0.13, M:0, Y:0.28, K:0.19. Its decimal value is 11849622.

Hex triplet	b4cf96	`#b4cf96`
RGB Decimal	180, 207, 150	`rgb(180,207,150)`
RGB Percent	70.6, 81.2, 58.8	`rgb(70.6%,81.2%,58.8%)`
CMYK	13, 0, 28, 19
HSL	88.4°, 37.3, 70	`hsl(88.4,37.3%,70%)`
HSV (or HSB)	88.4°, 27.5, 81.2
Web Safe	cccc99	`#cccc99`

CIE-LAB	79.915, -19.053, 25.42
XYZ	46.639, 56.53, 37.307
xyY	0.332, 0.402, 56.53
CIE-LCH	79.915, 31.768, 126.852
CIE-LUV	79.915, -12.978, 38.589
Hunter-Lab	75.187, -20.852, 23.212
Binary	10110100, 11001111, 10010110

#b4cf96
```
#b4cf96 rgb(180,207,150)
```
#b196cf
```
#b196cf rgb(177,150,207)
```

Complementary Color

#cfce96
```
#cfce96 rgb(207,206,150)
```
#b4cf96
```
#b4cf96 rgb(180,207,150)
```
#98cf96
```
#98cf96 rgb(152,207,150)
```

Analogous Color

#ce96cf
```
#ce96cf rgb(206,150,207)
```
#b4cf96
```
#b4cf96 rgb(180,207,150)
```
#9698cf
```
#9698cf rgb(150,152,207)
```

Split Complementary Color

#cf96b4
```
#cf96b4 rgb(207,150,180)
```
#b4cf96
```
#b4cf96 rgb(180,207,150)
```
#96b4cf
```
#96b4cf rgb(150,180,207)
```

Triadic Color

#cfb196
```
#cfb196 rgb(207,177,150)
```
#b4cf96
```
#b4cf96 rgb(180,207,150)
```
#96b4cf
```
#96b4cf rgb(150,180,207)
```
#b196cf
```
#b196cf rgb(177,150,207)
```

Tetradic Color

#8fb762
```
#8fb762 rgb(143,183,98)
```
#9bbf73
```
#9bbf73 rgb(155,191,115)
```
#a8c785
```
#a8c785 rgb(168,199,133)
```
#b4cf96
```
#b4cf96 rgb(180,207,150)
```
#c1d7a8
```
#c1d7a8 rgb(193,215,168)
```
#cddfb9
```
#cddfb9 rgb(205,223,185)
```
#dae7cb
```
#dae7cb rgb(218,231,203)
```

Monochromatic Color

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

#c2cf96
```
#c2cf96 rgb(194,207,150)
```
#becf96
```
#becf96 rgb(190,207,150)
```
#b9cf96
```
#b9cf96 rgb(185,207,150)
```
#b4cf96
```
#b4cf96 rgb(180,207,150)
```
#afcf96
```
#afcf96 rgb(175,207,150)
```
#abcf96
```
#abcf96 rgb(171,207,150)
```
#a6cf96
```
#a6cf96 rgb(166,207,150)
```

Similar Colors

Text with hexadecimal color #b4cf96

This text has a font color of #b4cf96.

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

#b4cf96 background color

This paragraph has a background color of #b4cf96.

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

#b4cf96 border color

This element has a border color of #b4cf96.

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

CSS codes

.text {color:#b4cf96;}

.background {background-color:#b4cf96;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0c1007
```
#0c1007 rgb(12,16,7)
```
#161e0e
```
#161e0e rgb(22,30,14)
```
#202b14
```
#202b14 rgb(32,43,20)
```
#2a391a
```
#2a391a rgb(42,57,26)
```
#344620
```
#344620 rgb(52,70,32)
```
#3e5326
```
#3e5326 rgb(62,83,38)
```
#48612c
```
#48612c rgb(72,97,44)
```
#526e32
```
#526e32 rgb(82,110,50)
```
#5c7c39
```
#5c7c39 rgb(92,124,57)
```
#66893f
```
#66893f rgb(102,137,63)
```
#709745
```
#709745 rgb(112,151,69)
```
#7aa44b
```
#7aa44b rgb(122,164,75)
```

Shade Color Variation

#84b053
```
#84b053 rgb(132,176,83)
```
#8eb660
```
#8eb660 rgb(142,182,96)
```
#97bd6e
```
#97bd6e rgb(151,189,110)
```
#a1c37b
```
#a1c37b rgb(161,195,123)
```
#aac989
```
#aac989 rgb(170,201,137)
```
#b4cf96
```
#b4cf96 rgb(180,207,150)
```
#bed5a3
```
#bed5a3 rgb(190,213,163)
```
#c7dbb1
```
#c7dbb1 rgb(199,219,177)
```
#d1e1be
```
#d1e1be rgb(209,225,190)
```
#dae8cc
```
#dae8cc rgb(218,232,204)
```
#e4eed9
```
#e4eed9 rgb(228,238,217)
```
#eef4e7
```
#eef4e7 rgb(238,244,231)
```
#f7faf4
```
#f7faf4 rgb(247,250,244)
```

Tint Color Variation

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

#b3b7ae
```
#b3b7ae rgb(179,183,174)
```
#b3bda8
```
#b3bda8 rgb(179,189,168)
```
#b3c3a2
```
#b3c3a2 rgb(179,195,162)
```
#b4c99c
```
#b4c99c rgb(180,201,156)
```
#b4cf96
```
#b4cf96 rgb(180,207,150)
```
#b4d590
```
#b4d590 rgb(180,213,144)
```
#b5db8a
```
#b5db8a rgb(181,219,138)
```
#b5e184
```
#b5e184 rgb(181,225,132)
```
#b5e77e
```
#b5e77e rgb(181,231,126)
```
#b6ec79
```
#b6ec79 rgb(182,236,121)
```
#b6f273
```
#b6f273 rgb(182,242,115)
```
#b6f86d
```
#b6f86d rgb(182,248,109)
```
#b6fe67
```
#b6fe67 rgb(182,254,103)
```

Tone Color Variation

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

Dichromacy

#d7c897 Protanopia 1% of men
#e9c1a0 Deuteranopia 1% of men
#c2c9d7 Tritanopia 0.001% of the population

Trichromacy

#cacb97 Protanomaly 1% of men, 0.01% of women
#d6c69c Deuteranomaly 6% of men, 0.4% of women
#bdcbbf Tritanomaly 0.01% of the population

#b4cf96 hex color

#b4cf96 Color Information

#b4cf96 Color Conversion

Color Schemes with #b4cf96

Alternatives to #b4cf96

#b4cf96 Preview

Shades and Tints of #b4cf96

Tones of #b4cf96

Color Blindness Simulator