#b4b698 hex color

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

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

● #b4b698 color description : Grayish yellow.

The hexadecimal color #b4b698 has RGB values of R:180, G:182, B:152 and CMYK values of C:0.01, M:0, Y:0.16, K:0.29. Its decimal value is 11843224.

Hex triplet	b4b698	`#b4b698`
RGB Decimal	180, 182, 152	`rgb(180,182,152)`
RGB Percent	70.6, 71.4, 59.6	`rgb(70.6%,71.4%,59.6%)`
CMYK	1, 0, 16, 29
HSL	64°, 17, 65.5	`hsl(64,17%,65.5%)`
HSV (or HSB)	64°, 16.5, 71.4
Web Safe	cccc99	`#cccc99`

CIE-LAB	73.172, -5.905, 15.064
XYZ	41.217, 45.426, 36.301
xyY	0.335, 0.369, 45.426
CIE-LCH	73.172, 16.18, 111.405
CIE-LUV	73.172, 0.413, 22.203
Hunter-Lab	67.399, -8.79, 15.246
Binary	10110100, 10110110, 10011000

#b4b698
```
#b4b698 rgb(180,182,152)
```
#9a98b6
```
#9a98b6 rgb(154,152,182)
```

Complementary Color

#b6a998
```
#b6a998 rgb(182,169,152)
```
#b4b698
```
#b4b698 rgb(180,182,152)
```
#a5b698
```
#a5b698 rgb(165,182,152)
```

Analogous Color

#a998b6
```
#a998b6 rgb(169,152,182)
```
#b4b698
```
#b4b698 rgb(180,182,152)
```
#98a5b6
```
#98a5b6 rgb(152,165,182)
```

Split Complementary Color

#b698b4
```
#b698b4 rgb(182,152,180)
```
#b4b698
```
#b4b698 rgb(180,182,152)
```
#98b4b6
```
#98b4b6 rgb(152,180,182)
```

Triadic Color

#b69a98
```
#b69a98 rgb(182,154,152)
```
#b4b698
```
#b4b698 rgb(180,182,152)
```
#98b4b6
```
#98b4b6 rgb(152,180,182)
```
#9a98b6
```
#9a98b6 rgb(154,152,182)
```

Tetradic Color

#93966b
```
#93966b rgb(147,150,107)
```
#9ea17a
```
#9ea17a rgb(158,161,122)
```
#a9ab89
```
#a9ab89 rgb(169,171,137)
```
#b4b698
```
#b4b698 rgb(180,182,152)
```
#bfc1a7
```
#bfc1a7 rgb(191,193,167)
```
#cacbb6
```
#cacbb6 rgb(202,203,182)
```
#d5d6c5
```
#d5d6c5 rgb(213,214,197)
```

Monochromatic Color

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

#b6b198
```
#b6b198 rgb(182,177,152)
```
#b6b398
```
#b6b398 rgb(182,179,152)
```
#b6b698
```
#b6b698 rgb(182,182,152)
```
#b4b698
```
#b4b698 rgb(180,182,152)
```
#b2b698
```
#b2b698 rgb(178,182,152)
```
#afb698
```
#afb698 rgb(175,182,152)
```
#adb698
```
#adb698 rgb(173,182,152)
```

Similar Colors

Text with hexadecimal color #b4b698

This text has a font color of #b4b698.

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

#b4b698 background color

This paragraph has a background color of #b4b698.

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

#b4b698 border color

This element has a border color of #b4b698.

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

CSS codes

.text {color:#b4b698;}

.background {background-color:#b4b698;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c0c08
```
#0c0c08 rgb(12,12,8)
```
#171710
```
#171710 rgb(23,23,16)
```
#222319
```
#222319 rgb(34,35,25)
```
#2d2e21
```
#2d2e21 rgb(45,46,33)
```
#393a29
```
#393a29 rgb(57,58,41)
```
#444531
```
#444531 rgb(68,69,49)
```
#4f5139
```
#4f5139 rgb(79,81,57)
```
#5a5c41
```
#5a5c41 rgb(90,92,65)
```
#666849
```
#666849 rgb(102,104,73)
```
#717352
```
#717352 rgb(113,115,82)
```
#7c7f5a
```
#7c7f5a rgb(124,127,90)
```
#878a62
```
#878a62 rgb(135,138,98)
```

Shade Color Variation

#93956a
```
#93956a rgb(147,149,106)
```
#9b9e76
```
#9b9e76 rgb(155,158,118)
```
#a3a681
```
#a3a681 rgb(163,166,129)
```
#acae8d
```
#acae8d rgb(172,174,141)
```
#b4b698
```
#b4b698 rgb(180,182,152)
```
#bcbea3
```
#bcbea3 rgb(188,190,163)
```
#c5c6af
```
#c5c6af rgb(197,198,175)
```
#cdceba
```
#cdceba rgb(205,206,186)
```
#d5d7c6
```
#d5d7c6 rgb(213,215,198)
```
#dedfd1
```
#dedfd1 rgb(222,223,209)
```
#e6e7dd
```
#e6e7dd rgb(230,231,221)
```
#efefe8
```
#efefe8 rgb(239,239,232)
```
#f7f7f4
```
#f7f7f4 rgb(247,247,244)
```

Tint Color Variation

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

#a8a8a6
```
#a8a8a6 rgb(168,168,166)
```
#aeaf9f
```
#aeaf9f rgb(174,175,159)
```
#b4b698
```
#b4b698 rgb(180,182,152)
```
#babd91
```
#babd91 rgb(186,189,145)
```
#c0c48a
```
#c0c48a rgb(192,196,138)
```
#c6ca84
```
#c6ca84 rgb(198,202,132)
```
#cbd17d
```
#cbd17d rgb(203,209,125)
```
#d1d876
```
#d1d876 rgb(209,216,118)
```
#d7df6f
```
#d7df6f rgb(215,223,111)
```
#dde569
```
#dde569 rgb(221,229,105)
```
#e3ec62
```
#e3ec62 rgb(227,236,98)
```
#e9f35b
```
#e9f35b rgb(233,243,91)
```
#effa54
```
#effa54 rgb(239,250,84)
```

Tone Color Variation

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

#c1b79c Protanopia 1% of men
#d1b1a0 Deuteranopia 1% of men
#bdb4c1 Tritanopia 0.001% of the population

Trichromacy

#bcb69a Protanomaly 1% of men, 0.01% of women
#c6b29d Deuteranomaly 6% of men, 0.4% of women
#bab5b2 Tritanomaly 0.01% of the population

#b4b698 hex color

#b4b698 Color Information

#b4b698 Color Conversion

Color Schemes with #b4b698

Alternatives to #b4b698

#b4b698 Preview

Shades and Tints of #b4b698

Tones of #b4b698

Color Blindness Simulator