#b4b475 hex color

In a RGB color space, hex #b4b475 is composed of 70.6% red, 70.6% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 35% yellow and 29.4% black. It has a hue angle of 60 degrees, a saturation of 29.6% and a lightness of 58.2%. #b4b475 color hex could be obtained by blending #ffffea with #696900. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 71
- G 71
- B 46
RGB color chart
- C 0
- M 0
- Y 35
- K 29
CMYK color chart

● #b4b475 color description : Slightly desaturated yellow.

The hexadecimal color #b4b475 has RGB values of R:180, G:180, B:117 and CMYK values of C:0, M:0, Y:0.35, K:0.29. Its decimal value is 11842677.

Hex triplet	b4b475	`#b4b475`
RGB Decimal	180, 180, 117	`rgb(180,180,117)`
RGB Percent	70.6, 70.6, 45.9	`rgb(70.6%,70.6%,45.9%)`
CMYK	0, 0, 35, 29
HSL	60°, 29.6, 58.2	`hsl(60,29.6%,58.2%)`
HSV (or HSB)	60°, 35, 70.6
Web Safe	cccc66	`#cccc66`

CIE-LAB	71.981, -9.745, 32.185
XYZ	38.354, 43.631, 23.23
xyY	0.365, 0.415, 43.631
CIE-LCH	71.981, 33.628, 106.846
CIE-LUV	71.981, 3.145, 43.649
Hunter-Lab	66.053, -11.947, 25.386
Binary	10110100, 10110100, 01110101

#b4b475
```
#b4b475 rgb(180,180,117)
```
#7575b4
```
#7575b4 rgb(117,117,180)
```

Complementary Color

#b49575
```
#b49575 rgb(180,149,117)
```
#b4b475
```
#b4b475 rgb(180,180,117)
```
#95b475
```
#95b475 rgb(149,180,117)
```

Analogous Color

#9575b4
```
#9575b4 rgb(149,117,180)
```
#b4b475
```
#b4b475 rgb(180,180,117)
```
#7595b4
```
#7595b4 rgb(117,149,180)
```

Split Complementary Color

#b475b4
```
#b475b4 rgb(180,117,180)
```
#b4b475
```
#b4b475 rgb(180,180,117)
```
#75b4b4
```
#75b4b4 rgb(117,180,180)
```

Triadic Color

#b47575
```
#b47575 rgb(180,117,117)
```
#b4b475
```
#b4b475 rgb(180,180,117)
```
#75b4b4
```
#75b4b4 rgb(117,180,180)
```
#7575b4
```
#7575b4 rgb(117,117,180)
```

Tetradic Color

#8f8f4e
```
#8f8f4e rgb(143,143,78)
```
#9f9f57
```
#9f9f57 rgb(159,159,87)
```
#abab64
```
#abab64 rgb(171,171,100)
```
#b4b475
```
#b4b475 rgb(180,180,117)
```
#bdbd86
```
#bdbd86 rgb(189,189,134)
```
#c6c696
```
#c6c696 rgb(198,198,150)
```
#cfcfa7
```
#cfcfa7 rgb(207,207,167)
```

Monochromatic Color

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

#b4a475
```
#b4a475 rgb(180,164,117)
```
#b4aa75
```
#b4aa75 rgb(180,170,117)
```
#b4af75
```
#b4af75 rgb(180,175,117)
```
#b4b475
```
#b4b475 rgb(180,180,117)
```
#afb475
```
#afb475 rgb(175,180,117)
```
#aab475
```
#aab475 rgb(170,180,117)
```
#a4b475
```
#a4b475 rgb(164,180,117)
```

Similar Colors

Text with hexadecimal color #b4b475

This text has a font color of #b4b475.

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

#b4b475 background color

This paragraph has a background color of #b4b475.

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

#b4b475 border color

This element has a border color of #b4b475.

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

CSS codes

.text {color:#b4b475;}

.background {background-color:#b4b475;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f0f08
```
#0f0f08 rgb(15,15,8)
```
#1b1b0f
```
#1b1b0f rgb(27,27,15)
```
#282816
```
#282816 rgb(40,40,22)
```
#35351d
```
#35351d rgb(53,53,29)
```
#414124
```
#414124 rgb(65,65,36)
```
#4e4e2a
```
#4e4e2a rgb(78,78,42)
```
#5b5b31
```
#5b5b31 rgb(91,91,49)
```
#676738
```
#676738 rgb(103,103,56)
```
#74743f
```
#74743f rgb(116,116,63)
```
#818146
```
#818146 rgb(129,129,70)
```
#8e8e4d
```
#8e8e4d rgb(142,142,77)
```
#9a9a54
```
#9a9a54 rgb(154,154,84)
```

Shade Color Variation

#a6a65c
```
#a6a65c rgb(166,166,92)
```
#adad68
```
#adad68 rgb(173,173,104)
```
#b4b475
```
#b4b475 rgb(180,180,117)
```
#bbbb82
```
#bbbb82 rgb(187,187,130)
```
#c2c28e
```
#c2c28e rgb(194,194,142)
```
#c9c99b
```
#c9c99b rgb(201,201,155)
```
#d0d0a8
```
#d0d0a8 rgb(208,208,168)
```
#d7d7b5
```
#d7d7b5 rgb(215,215,181)
```
#ddddc1
```
#ddddc1 rgb(221,221,193)
```
#e4e4ce
```
#e4e4ce rgb(228,228,206)
```
#ebebdb
```
#ebebdb rgb(235,235,219)
```
#f2f2e7
```
#f2f2e7 rgb(242,242,231)
```
#f9f9f4
```
#f9f9f4 rgb(249,249,244)
```

Tint Color Variation

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

#9b9b8e
```
#9b9b8e rgb(155,155,142)
```
#a4a485
```
#a4a485 rgb(164,164,133)
```
#acac7d
```
#acac7d rgb(172,172,125)
```
#b4b475
```
#b4b475 rgb(180,180,117)
```
#bcbc6d
```
#bcbc6d rgb(188,188,109)
```
#c4c465
```
#c4c465 rgb(196,196,101)
```
#cdcd5c
```
#cdcd5c rgb(205,205,92)
```
#d5d554
```
#d5d554 rgb(213,213,84)
```
#dddd4c
```
#dddd4c rgb(221,221,76)
```
#e5e544
```
#e5e544 rgb(229,229,68)
```
#eded3c
```
#eded3c rgb(237,237,60)
```
#f6f633
```
#f6f633 rgb(246,246,51)
```
#fefe2b
```
#fefe2b rgb(254,254,43)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#aeaea2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b47a Protanopia 1% of men
#d6ad7f Deuteranopia 1% of men
#c0afbc Tritanopia 0.001% of the population

Trichromacy

#bdb478 Protanomaly 1% of men, 0.01% of women
#c9af7b Deuteranomaly 6% of men, 0.4% of women
#bcb1a2 Tritanomaly 0.01% of the population

#b4b475 hex color

#b4b475 Color Information

#b4b475 Color Conversion

Color Schemes with #b4b475

Alternatives to #b4b475

#b4b475 Preview

Shades and Tints of #b4b475

Tones of #b4b475

Color Blindness Simulator