#b4b697 hex color

In a RGB color space, hex #b4b697 is composed of 70.6% red, 71.4% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 0% magenta, 17% yellow and 28.6% black. It has a hue angle of 63.9 degrees, a saturation of 17.5% and a lightness of 65.3%. #b4b697 color hex could be obtained by blending #ffffff with #696d2f. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 71
- G 71
- B 59
RGB color chart
- C 1
- M 0
- Y 17
- K 29
CMYK color chart

● #b4b697 color description : Grayish yellow.

The hexadecimal color #b4b697 has RGB values of R:180, G:182, B:151 and CMYK values of C:0.01, M:0, Y:0.17, K:0.29. Its decimal value is 11843223.

Hex triplet	b4b697	`#b4b697`
RGB Decimal	180, 182, 151	`rgb(180,182,151)`
RGB Percent	70.6, 71.4, 59.2	`rgb(70.6%,71.4%,59.2%)`
CMYK	1, 0, 17, 29
HSL	63.9°, 17.5, 65.3	`hsl(63.9,17.5%,65.3%)`
HSV (or HSB)	63.9°, 17, 71.4
Web Safe	cccc99	`#cccc99`

CIE-LAB	73.15, -6.063, 15.576
XYZ	41.135, 45.394, 35.871
xyY	0.336, 0.371, 45.394
CIE-LCH	73.15, 16.714, 111.268
CIE-LUV	73.15, 0.461, 22.908
Hunter-Lab	67.375, -8.924, 15.596
Binary	10110100, 10110110, 10010111

#b4b697
```
#b4b697 rgb(180,182,151)
```
#9997b6
```
#9997b6 rgb(153,151,182)
```

Complementary Color

#b6a997
```
#b6a997 rgb(182,169,151)
```
#b4b697
```
#b4b697 rgb(180,182,151)
```
#a5b697
```
#a5b697 rgb(165,182,151)
```

Analogous Color

#a997b6
```
#a997b6 rgb(169,151,182)
```
#b4b697
```
#b4b697 rgb(180,182,151)
```
#97a5b6
```
#97a5b6 rgb(151,165,182)
```

Split Complementary Color

#b697b4
```
#b697b4 rgb(182,151,180)
```
#b4b697
```
#b4b697 rgb(180,182,151)
```
#97b4b6
```
#97b4b6 rgb(151,180,182)
```

Triadic Color

#b69997
```
#b69997 rgb(182,153,151)
```
#b4b697
```
#b4b697 rgb(180,182,151)
```
#97b4b6
```
#97b4b6 rgb(151,180,182)
```
#9997b6
```
#9997b6 rgb(153,151,182)
```

Tetradic Color

#94966a
```
#94966a rgb(148,150,106)
```
#9ea179
```
#9ea179 rgb(158,161,121)
```
#a9ab88
```
#a9ab88 rgb(169,171,136)
```
#b4b697
```
#b4b697 rgb(180,182,151)
```
#bfc1a6
```
#bfc1a6 rgb(191,193,166)
```
#cacbb5
```
#cacbb5 rgb(202,203,181)
```
#d4d6c4
```
#d4d6c4 rgb(212,214,196)
```

Monochromatic Color

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

#b6b097
```
#b6b097 rgb(182,176,151)
```
#b6b397
```
#b6b397 rgb(182,179,151)
```
#b6b597
```
#b6b597 rgb(182,181,151)
```
#b4b697
```
#b4b697 rgb(180,182,151)
```
#b1b697
```
#b1b697 rgb(177,182,151)
```
#afb697
```
#afb697 rgb(175,182,151)
```
#acb697
```
#acb697 rgb(172,182,151)
```

Similar Colors

Text with hexadecimal color #b4b697

This text has a font color of #b4b697.

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

#b4b697 background color

This paragraph has a background color of #b4b697.

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

#b4b697 border color

This element has a border color of #b4b697.

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

CSS codes

.text {color:#b4b697;}

.background {background-color:#b4b697;}

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

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, #0b0b08 is the darkest color, while #ffffff is the lightest one.

#0b0b08
```
#0b0b08 rgb(11,11,8)
```
#161710
```
#161710 rgb(22,23,16)
```
#222218
```
#222218 rgb(34,34,24)
```
#2d2e20
```
#2d2e20 rgb(45,46,32)
```
#383928
```
#383928 rgb(56,57,40)
```
#444530
```
#444530 rgb(68,69,48)
```
#4f5038
```
#4f5038 rgb(79,80,56)
```
#5a5c41
```
#5a5c41 rgb(90,92,65)
```
#656749
```
#656749 rgb(101,103,73)
```
#717351
```
#717351 rgb(113,115,81)
```
#7c7f59
```
#7c7f59 rgb(124,127,89)
```
#878a61
```
#878a61 rgb(135,138,97)
```
#939669
```
#939669 rgb(147,150,105)
```

Shade Color Variation

#9b9e74
```
#9b9e74 rgb(155,158,116)
```
#a3a680
```
#a3a680 rgb(163,166,128)
```
#acae8b
```
#acae8b rgb(172,174,139)
```
#b4b697
```
#b4b697 rgb(180,182,151)
```
#bcbea3
```
#bcbea3 rgb(188,190,163)
```
#c5c6ae
```
#c5c6ae rgb(197,198,174)
```
#cdceba
```
#cdceba rgb(205,206,186)
```
#d5d6c5
```
#d5d6c5 rgb(213,214,197)
```
#deded1
```
#deded1 rgb(222,222,209)
```
#e6e7dc
```
#e6e7dc rgb(230,231,220)
```
#eeefe8
```
#eeefe8 rgb(238,239,232)
```
#f6f7f3
```
#f6f7f3 rgb(246,247,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a8a8a5
```
#a8a8a5 rgb(168,168,165)
```
#aeaf9e
```
#aeaf9e rgb(174,175,158)
```
#b4b697
```
#b4b697 rgb(180,182,151)
```
#babd90
```
#babd90 rgb(186,189,144)
```
#c0c489
```
#c0c489 rgb(192,196,137)
```
#c6ca83
```
#c6ca83 rgb(198,202,131)
```
#ccd17c
```
#ccd17c rgb(204,209,124)
```
#d2d875
```
#d2d875 rgb(210,216,117)
```
#d8df6e
```
#d8df6e rgb(216,223,110)
```
#dee667
```
#dee667 rgb(222,230,103)
```
#e3ec61
```
#e3ec61 rgb(227,236,97)
```
#e9f35a
```
#e9f35a rgb(233,243,90)
```
#effa53
```
#effa53 rgb(239,250,83)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b2b3ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1b79b Protanopia 1% of men
#d1b19f Deuteranopia 1% of men
#bdb4c1 Tritanopia 0.001% of the population

Trichromacy

#bcb699 Protanomaly 1% of men, 0.01% of women
#c6b29c Deuteranomaly 6% of men, 0.4% of women
#bab5b1 Tritanomaly 0.01% of the population

#b4b697 hex color

#b4b697 Color Information

#b4b697 Color Conversion

Color Schemes with #b4b697

Alternatives to #b4b697

#b4b697 Preview

Shades and Tints of #b4b697

Tones of #b4b697

Color Blindness Simulator