colorhexa.com

#b4b996 hex color

In a RGB color space, hex #b4b996 is composed of 70.6% red, 72.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 2.7% cyan, 0% magenta, 18.9% yellow and 27.5% black. It has a hue angle of 68.6 degrees, a saturation of 20% and a lightness of 65.7%. #b4b996 color hex could be obtained by blending #ffffff with #69732d. Closest websafe color is: #cccc99.

- R 71
- G 73
- B 59
RGB color chart
- C 3
- M 0
- Y 19
- K 27
CMYK color chart

● #b4b996 color description : Grayish yellow.

The hexadecimal color #b4b996 has RGB values of R:180, G:185, B:150 and CMYK values of C:0.03, M:0, Y:0.19, K:0.27. Its decimal value is 11843990.

Hex triplet	b4b996	`#b4b996`
RGB Decimal	180, 185, 150	`rgb(180,185,150)`
RGB Percent	70.6, 72.5, 58.8	`rgb(70.6%,72.5%,58.8%)`
CMYK	3, 0, 19, 27
HSL	68.6°, 20, 65.7	`hsl(68.6,20%,65.7%)`
HSV (or HSB)	68.6°, 18.9, 72.5
Web Safe	cccc99	`#cccc99`

CIE-LAB	73.935, -7.798, 17.211
XYZ	41.675, 46.603, 35.652
xyY	0.336, 0.376, 46.603
CIE-LCH	73.935, 18.895, 114.374
CIE-LUV	73.935, -1.138, 25.432
Hunter-Lab	68.267, -10.496, 16.822
Binary	10110100, 10111001, 10010110

#b4b996
```
#b4b996 rgb(180,185,150)
```
#9b96b9
```
#9b96b9 rgb(155,150,185)
```

Complementary Color

#b9ad96
```
#b9ad96 rgb(185,173,150)
```
#b4b996
```
#b4b996 rgb(180,185,150)
```
#a3b996
```
#a3b996 rgb(163,185,150)
```

Analogous Color

#ad96b9
```
#ad96b9 rgb(173,150,185)
```
#b4b996
```
#b4b996 rgb(180,185,150)
```
#96a3b9
```
#96a3b9 rgb(150,163,185)
```

Split Complementary Color

#b996b4
```
#b996b4 rgb(185,150,180)
```
#b4b996
```
#b4b996 rgb(180,185,150)
```
#96b4b9
```
#96b4b9 rgb(150,180,185)
```

Triadic Color

#b99b96
```
#b99b96 rgb(185,155,150)
```
#b4b996
```
#b4b996 rgb(180,185,150)
```
#96b4b9
```
#96b4b9 rgb(150,180,185)
```
#9b96b9
```
#9b96b9 rgb(155,150,185)
```

Tetradic Color

#939a68
```
#939a68 rgb(147,154,104)
```
#9ea577
```
#9ea577 rgb(158,165,119)
```
#a9af87
```
#a9af87 rgb(169,175,135)
```
#b4b996
```
#b4b996 rgb(180,185,150)
```
#bfc3a5
```
#bfc3a5 rgb(191,195,165)
```
#cacdb5
```
#cacdb5 rgb(202,205,181)
```
#d5d8c4
```
#d5d8c4 rgb(213,216,196)
```

Monochromatic Color

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

#b9b596
```
#b9b596 rgb(185,181,150)
```
#b9b896
```
#b9b896 rgb(185,184,150)
```
#b7b996
```
#b7b996 rgb(183,185,150)
```
#b4b996
```
#b4b996 rgb(180,185,150)
```
#b1b996
```
#b1b996 rgb(177,185,150)
```
#aeb996
```
#aeb996 rgb(174,185,150)
```
#abb996
```
#abb996 rgb(171,185,150)
```

Similar Colors

Text with hexadecimal color #b4b996

This text has a font color of #b4b996.

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

#b4b996 background color

This paragraph has a background color of #b4b996.

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

#b4b996 border color

This element has a border color of #b4b996.

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

CSS codes

.text {color:#b4b996;}

.background {background-color:#b4b996;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0c0d08
```
#0c0d08 rgb(12,13,8)
```
#171810
```
#171810 rgb(23,24,16)
```
#232418
```
#232418 rgb(35,36,24)
```
#2e3020
```
#2e3020 rgb(46,48,32)
```
#393c28
```
#393c28 rgb(57,60,40)
```
#444830
```
#444830 rgb(68,72,48)
```
#4f5338
```
#4f5338 rgb(79,83,56)
```
#5b5f3f
```
#5b5f3f rgb(91,95,63)
```
#666b47
```
#666b47 rgb(102,107,71)
```
#71774f
```
#71774f rgb(113,119,79)
```
#7c8257
```
#7c8257 rgb(124,130,87)
```
#878e5f
```
#878e5f rgb(135,142,95)
```

Shade Color Variation

#929a67
```
#929a67 rgb(146,154,103)
```
#9ba173
```
#9ba173 rgb(155,161,115)
```
#a3a97e
```
#a3a97e rgb(163,169,126)
```
#acb18a
```
#acb18a rgb(172,177,138)
```
#b4b996
```
#b4b996 rgb(180,185,150)
```
#bcc1a2
```
#bcc1a2 rgb(188,193,162)
```
#c5c9ae
```
#c5c9ae rgb(197,201,174)
```
#cdd1b9
```
#cdd1b9 rgb(205,209,185)
```
#d6d8c5
```
#d6d8c5 rgb(214,216,197)
```
#dee0d1
```
#dee0d1 rgb(222,224,209)
```
#e6e8dd
```
#e6e8dd rgb(230,232,221)
```
#eff0e8
```
#eff0e8 rgb(239,240,232)
```
#f7f8f4
```
#f7f8f4 rgb(247,248,244)
```

Tint Color Variation

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

#aaaca3
```
#aaaca3 rgb(170,172,163)
```
#afb29d
```
#afb29d rgb(175,178,157)
```
#b4b996
```
#b4b996 rgb(180,185,150)
```
#b9c08f
```
#b9c08f rgb(185,192,143)
```
#bec689
```
#bec689 rgb(190,198,137)
```
#c2cd82
```
#c2cd82 rgb(194,205,130)
```
#c7d47b
```
#c7d47b rgb(199,212,123)
```
#ccdb74
```
#ccdb74 rgb(204,219,116)
```
#d1e16e
```
#d1e16e rgb(209,225,110)
```
#d6e867
```
#d6e867 rgb(214,232,103)
```
#daef60
```
#daef60 rgb(218,239,96)
```
#dff659
```
#dff659 rgb(223,246,89)
```
#e4fc53
```
#e4fc53 rgb(228,252,83)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b4b5ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b999 Protanopia 1% of men
#d4b29e Deuteranopia 1% of men
#beb6c3 Tritanopia 0.001% of the population

Trichromacy

#beb998 Protanomaly 1% of men, 0.01% of women
#c8b59b Deuteranomaly 6% of men, 0.4% of women
#bab7b3 Tritanomaly 0.01% of the population