#b4a474 hex color

In a RGB color space, hex #b4a474 is composed of 70.6% red, 64.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.9% magenta, 35.6% yellow and 29.4% black. It has a hue angle of 45 degrees, a saturation of 29.9% and a lightness of 58%. #b4a474 color hex could be obtained by blending #ffffe8 with #694900. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 64
- B 45
RGB color chart
- C 0
- M 9
- Y 36
- K 29
CMYK color chart

● #b4a474 color description : Slightly desaturated yellow.

The hexadecimal color #b4a474 has RGB values of R:180, G:164, B:116 and CMYK values of C:0, M:0.09, Y:0.36, K:0.29. Its decimal value is 11838580.

Hex triplet	b4a474	`#b4a474`
RGB Decimal	180, 164, 116	`rgb(180,164,116)`
RGB Percent	70.6, 64.3, 45.5	`rgb(70.6%,64.3%,45.5%)`
CMYK	0, 9, 36, 29
HSL	45°, 29.9, 58	`hsl(45,29.9%,58%)`
HSV (or HSB)	45°, 35.6, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.662, -1.38, 27.053
XYZ	35.25, 37.516, 21.907
xyY	0.372, 0.396, 37.516
CIE-LCH	67.662, 27.088, 92.92
CIE-LUV	67.662, 12.844, 35.524
Hunter-Lab	61.25, -4.46, 21.67
Binary	10110100, 10100100, 01110100

#b4a474
```
#b4a474 rgb(180,164,116)
```
#7484b4
```
#7484b4 rgb(116,132,180)
```

Complementary Color

#b48474
```
#b48474 rgb(180,132,116)
```
#b4a474
```
#b4a474 rgb(180,164,116)
```
#a4b474
```
#a4b474 rgb(164,180,116)
```

Analogous Color

#8474b4
```
#8474b4 rgb(132,116,180)
```
#b4a474
```
#b4a474 rgb(180,164,116)
```
#74a4b4
```
#74a4b4 rgb(116,164,180)
```

Split Complementary Color

#a474b4
```
#a474b4 rgb(164,116,180)
```
#b4a474
```
#b4a474 rgb(180,164,116)
```
#74b4a4
```
#74b4a4 rgb(116,180,164)
```

Triadic Color

#b47484
```
#b47484 rgb(180,116,132)
```
#b4a474
```
#b4a474 rgb(180,164,116)
```
#74b4a4
```
#74b4a4 rgb(116,180,164)
```
#7484b4
```
#7484b4 rgb(116,132,180)
```

Tetradic Color

#8f7e4d
```
#8f7e4d rgb(143,126,77)
```
#9f8d56
```
#9f8d56 rgb(159,141,86)
```
#ab9963
```
#ab9963 rgb(171,153,99)
```
#b4a474
```
#b4a474 rgb(180,164,116)
```
#bdaf85
```
#bdaf85 rgb(189,175,133)
```
#c6ba95
```
#c6ba95 rgb(198,186,149)
```
#cfc5a6
```
#cfc5a6 rgb(207,197,166)
```

Monochromatic Color

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

#b49474
```
#b49474 rgb(180,148,116)
```
#b49974
```
#b49974 rgb(180,153,116)
```
#b49f74
```
#b49f74 rgb(180,159,116)
```
#b4a474
```
#b4a474 rgb(180,164,116)
```
#b4a974
```
#b4a974 rgb(180,169,116)
```
#b4af74
```
#b4af74 rgb(180,175,116)
```
#b4b474
```
#b4b474 rgb(180,180,116)
```

Similar Colors

Text with hexadecimal color #b4a474

This text has a font color of #b4a474.

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

#b4a474 background color

This paragraph has a background color of #b4a474.

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

#b4a474 border color

This element has a border color of #b4a474.

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

CSS codes

.text {color:#b4a474;}

.background {background-color:#b4a474;}

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

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 #f9f7f3 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0e0c07
```
#0e0c07 rgb(14,12,7)
```
#1b180e
```
#1b180e rgb(27,24,14)
```
#272315
```
#272315 rgb(39,35,21)
```
#342e1c
```
#342e1c rgb(52,46,28)
```
#413923
```
#413923 rgb(65,57,35)
```
#4e452a
```
#4e452a rgb(78,69,42)
```
#5a5031
```
#5a5031 rgb(90,80,49)
```
#675b38
```
#675b38 rgb(103,91,56)
```
#74663e
```
#74663e rgb(116,102,62)
```
#817245
```
#817245 rgb(129,114,69)
```
#8d7d4c
```
#8d7d4c rgb(141,125,76)
```
#9a8853
```
#9a8853 rgb(154,136,83)
```

Shade Color Variation

#a6935b
```
#a6935b rgb(166,147,91)
```
#ad9c67
```
#ad9c67 rgb(173,156,103)
```
#b4a474
```
#b4a474 rgb(180,164,116)
```
#bbac81
```
#bbac81 rgb(187,172,129)
```
#c2b58d
```
#c2b58d rgb(194,181,141)
```
#c9bd9a
```
#c9bd9a rgb(201,189,154)
```
#cfc5a7
```
#cfc5a7 rgb(207,197,167)
```
#d6ceb4
```
#d6ceb4 rgb(214,206,180)
```
#ddd6c0
```
#ddd6c0 rgb(221,214,192)
```
#e4decd
```
#e4decd rgb(228,222,205)
```
#ebe7da
```
#ebe7da rgb(235,231,218)
```
#f2efe7
```
#f2efe7 rgb(242,239,231)
```
#f9f7f3
```
#f9f7f3 rgb(249,247,243)
```

Tint Color Variation

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

#9b988d
```
#9b988d rgb(155,152,141)
```
#a49c84
```
#a49c84 rgb(164,156,132)
```
#aca07c
```
#aca07c rgb(172,160,124)
```
#b4a474
```
#b4a474 rgb(180,164,116)
```
#bca86c
```
#bca86c rgb(188,168,108)
```
#c4ac64
```
#c4ac64 rgb(196,172,100)
```
#cdb05b
```
#cdb05b rgb(205,176,91)
```
#d5b453
```
#d5b453 rgb(213,180,83)
```
#ddb94b
```
#ddb94b rgb(221,185,75)
```
#e5bd43
```
#e5bd43 rgb(229,189,67)
```
#eec13a
```
#eec13a rgb(238,193,58)
```
#f6c532
```
#f6c532 rgb(246,197,50)
```
#fec92a
```
#fec92a rgb(254,201,42)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a6a39a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a97b Protanopia 1% of men
#c7a27d Deuteranopia 1% of men
#bea2ad Tritanopia 0.001% of the population

Trichromacy

#b5a778 Protanomaly 1% of men, 0.01% of women
#c0a379 Deuteranomaly 6% of men, 0.4% of women
#baa298 Tritanomaly 0.01% of the population

#b4a474 hex color

#b4a474 Color Information

#b4a474 Color Conversion

Color Schemes with #b4a474

Alternatives to #b4a474

#b4a474 Preview

Shades and Tints of #b4a474

Tones of #b4a474

Color Blindness Simulator