#b4bf88 hex color

In a RGB color space, hex #b4bf88 is composed of 70.6% red, 74.9% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 5.8% cyan, 0% magenta, 28.8% yellow and 25.1% black. It has a hue angle of 72 degrees, a saturation of 30.1% and a lightness of 64.1%. #b4bf88 color hex could be obtained by blending #ffffff with #697f11. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 71
- G 75
- B 53
RGB color chart
- C 6
- M 0
- Y 29
- K 25
CMYK color chart

● #b4bf88 color description : Slightly desaturated yellow.

The hexadecimal color #b4bf88 has RGB values of R:180, G:191, B:136 and CMYK values of C:0.06, M:0, Y:0.29, K:0.25. Its decimal value is 11845512.

Hex triplet	b4bf88	`#b4bf88`
RGB Decimal	180, 191, 136	`rgb(180,191,136)`
RGB Percent	70.6, 74.9, 53.3	`rgb(70.6%,74.9%,53.3%)`
CMYK	6, 0, 29, 25
HSL	72°, 30.1, 64.1	`hsl(72,30.1%,64.1%)`
HSV (or HSB)	72°, 28.8, 74.9
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.291, -12.971, 26.548
XYZ	41.896, 48.742, 30.492
xyY	0.346, 0.402, 48.742
CIE-LCH	75.291, 29.547, 116.039
CIE-LUV	75.291, -3.906, 38.269
Hunter-Lab	69.816, -15.06, 22.976
Binary	10110100, 10111111, 10001000

#b4bf88
```
#b4bf88 rgb(180,191,136)
```
#9388bf
```
#9388bf rgb(147,136,191)
```

Complementary Color

#bfaf88
```
#bfaf88 rgb(191,175,136)
```
#b4bf88
```
#b4bf88 rgb(180,191,136)
```
#99bf88
```
#99bf88 rgb(153,191,136)
```

Analogous Color

#af88bf
```
#af88bf rgb(175,136,191)
```
#b4bf88
```
#b4bf88 rgb(180,191,136)
```
#8899bf
```
#8899bf rgb(136,153,191)
```

Split Complementary Color

#bf88b4
```
#bf88b4 rgb(191,136,180)
```
#b4bf88
```
#b4bf88 rgb(180,191,136)
```
#88b4bf
```
#88b4bf rgb(136,180,191)
```

Triadic Color

#bf9388
```
#bf9388 rgb(191,147,136)
```
#b4bf88
```
#b4bf88 rgb(180,191,136)
```
#88b4bf
```
#88b4bf rgb(136,180,191)
```
#9388bf
```
#9388bf rgb(147,136,191)
```

Tetradic Color

#94a358
```
#94a358 rgb(148,163,88)
```
#9fad67
```
#9fad67 rgb(159,173,103)
```
#aab677
```
#aab677 rgb(170,182,119)
```
#b4bf88
```
#b4bf88 rgb(180,191,136)
```
#bec899
```
#bec899 rgb(190,200,153)
```
#c9d1a9
```
#c9d1a9 rgb(201,209,169)
```
#d3daba
```
#d3daba rgb(211,218,186)
```

Monochromatic Color

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

#bfbc88
```
#bfbc88 rgb(191,188,136)
```
#bdbf88
```
#bdbf88 rgb(189,191,136)
```
#b9bf88
```
#b9bf88 rgb(185,191,136)
```
#b4bf88
```
#b4bf88 rgb(180,191,136)
```
#afbf88
```
#afbf88 rgb(175,191,136)
```
#abbf88
```
#abbf88 rgb(171,191,136)
```
#a6bf88
```
#a6bf88 rgb(166,191,136)
```

Similar Colors

Text with hexadecimal color #b4bf88

This text has a font color of #b4bf88.

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

#b4bf88 background color

This paragraph has a background color of #b4bf88.

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

#b4bf88 border color

This element has a border color of #b4bf88.

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

CSS codes

.text {color:#b4bf88;}

.background {background-color:#b4bf88;}

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

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

#080905
```
#080905 rgb(8,9,5)
```
#13150b
```
#13150b rgb(19,21,11)
```
#1f2212
```
#1f2212 rgb(31,34,18)
```
#2a2f19
```
#2a2f19 rgb(42,47,25)
```
#363c20
```
#363c20 rgb(54,60,32)
```
#424827
```
#424827 rgb(66,72,39)
```
#4d552e
```
#4d552e rgb(77,85,46)
```
#596235
```
#596235 rgb(89,98,53)
```
#646f3b
```
#646f3b rgb(100,111,59)
```
#707b42
```
#707b42 rgb(112,123,66)
```
#7c8849
```
#7c8849 rgb(124,136,73)
```
#879550
```
#879550 rgb(135,149,80)
```
#93a257
```
#93a257 rgb(147,162,87)
```

Shade Color Variation

#9caa62
```
#9caa62 rgb(156,170,98)
```
#a4b16e
```
#a4b16e rgb(164,177,110)
```
#acb87b
```
#acb87b rgb(172,184,123)
```
#b4bf88
```
#b4bf88 rgb(180,191,136)
```
#bcc695
```
#bcc695 rgb(188,198,149)
```
#c4cda2
```
#c4cda2 rgb(196,205,162)
```
#ccd4ae
```
#ccd4ae rgb(204,212,174)
```
#d4dabb
```
#d4dabb rgb(212,218,187)
```
#dce1c8
```
#dce1c8 rgb(220,225,200)
```
#e4e8d5
```
#e4e8d5 rgb(228,232,213)
```
#ecefe1
```
#ecefe1 rgb(236,239,225)
```
#f4f6ee
```
#f4f6ee rgb(244,246,238)
```
#fcfdfb
```
#fcfdfb rgb(252,253,251)
```

Tint Color Variation

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

#a7aa9d
```
#a7aa9d rgb(167,170,157)
```
#acb196
```
#acb196 rgb(172,177,150)
```
#b0b88f
```
#b0b88f rgb(176,184,143)
```
#b4bf88
```
#b4bf88 rgb(180,191,136)
```
#b8c681
```
#b8c681 rgb(184,198,129)
```
#bccd7a
```
#bccd7a rgb(188,205,122)
```
#c1d473
```
#c1d473 rgb(193,212,115)
```
#c5db6c
```
#c5db6c rgb(197,219,108)
```
#c9e265
```
#c9e265 rgb(201,226,101)
```
#cde95e
```
#cde95e rgb(205,233,94)
```
#d2f057
```
#d2f057 rgb(210,240,87)
```
#d6f750
```
#d6f750 rgb(214,247,80)
```
#dafe49
```
#dafe49 rgb(218,254,73)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b5b7ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#cabc8b Protanopia 1% of men
#ddb592 Deuteranopia 1% of men
#c0bac8 Tritanopia 0.001% of the population

Trichromacy

#c2bd8a Protanomaly 1% of men, 0.01% of women
#ceb98e Deuteranomaly 6% of men, 0.4% of women
#bcbcb0 Tritanomaly 0.01% of the population

#b4bf88 hex color

#b4bf88 Color Information

#b4bf88 Color Conversion

Color Schemes with #b4bf88

Alternatives to #b4bf88

#b4bf88 Preview

Shades and Tints of #b4bf88

Tones of #b4bf88

Color Blindness Simulator