#b4a774 hex color

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

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

● #b4a774 color description : Slightly desaturated yellow.

The hexadecimal color #b4a774 has RGB values of R:180, G:167, B:116 and CMYK values of C:0, M:0.07, Y:0.36, K:0.29. Its decimal value is 11839348.

Hex triplet	b4a774	`#b4a774`
RGB Decimal	180, 167, 116	`rgb(180,167,116)`
RGB Percent	70.6, 65.5, 45.5	`rgb(70.6%,65.5%,45.5%)`
CMYK	0, 7, 36, 29
HSL	47.8°, 29.9, 58	`hsl(47.8,29.9%,58%)`
HSV (or HSB)	47.8°, 35.6, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.462, -2.992, 28.11
XYZ	35.793, 38.602, 22.088
xyY	0.371, 0.4, 38.602
CIE-LCH	68.462, 28.269, 96.076
CIE-LUV	68.462, 11.01, 37.166
Hunter-Lab	62.131, -5.896, 22.414
Binary	10110100, 10100111, 01110100

#b4a774
```
#b4a774 rgb(180,167,116)
```
#7481b4
```
#7481b4 rgb(116,129,180)
```

Complementary Color

#b48774
```
#b48774 rgb(180,135,116)
```
#b4a774
```
#b4a774 rgb(180,167,116)
```
#a1b474
```
#a1b474 rgb(161,180,116)
```

Analogous Color

#8774b4
```
#8774b4 rgb(135,116,180)
```
#b4a774
```
#b4a774 rgb(180,167,116)
```
#74a1b4
```
#74a1b4 rgb(116,161,180)
```

Split Complementary Color

#a774b4
```
#a774b4 rgb(167,116,180)
```
#b4a774
```
#b4a774 rgb(180,167,116)
```
#74b4a7
```
#74b4a7 rgb(116,180,167)
```

Triadic Color

#b47481
```
#b47481 rgb(180,116,129)
```
#b4a774
```
#b4a774 rgb(180,167,116)
```
#74b4a7
```
#74b4a7 rgb(116,180,167)
```
#7481b4
```
#7481b4 rgb(116,129,180)
```

Tetradic Color

#8f814d
```
#8f814d rgb(143,129,77)
```
#9f9056
```
#9f9056 rgb(159,144,86)
```
#ab9d63
```
#ab9d63 rgb(171,157,99)
```
#b4a774
```
#b4a774 rgb(180,167,116)
```
#bdb185
```
#bdb185 rgb(189,177,133)
```
#c6bc95
```
#c6bc95 rgb(198,188,149)
```
#cfc6a6
```
#cfc6a6 rgb(207,198,166)
```

Monochromatic Color

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

#b49774
```
#b49774 rgb(180,151,116)
```
#b49c74
```
#b49c74 rgb(180,156,116)
```
#b4a274
```
#b4a274 rgb(180,162,116)
```
#b4a774
```
#b4a774 rgb(180,167,116)
```
#b4ac74
```
#b4ac74 rgb(180,172,116)
```
#b4b274
```
#b4b274 rgb(180,178,116)
```
#b1b474
```
#b1b474 rgb(177,180,116)
```

Similar Colors

Text with hexadecimal color #b4a774

This text has a font color of #b4a774.

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

#b4a774 background color

This paragraph has a background color of #b4a774.

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

#b4a774 border color

This element has a border color of #b4a774.

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

CSS codes

.text {color:#b4a774;}

.background {background-color:#b4a774;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0e0d07
```
#0e0d07 rgb(14,13,7)
```
#1b180e
```
#1b180e rgb(27,24,14)
```
#272415
```
#272415 rgb(39,36,21)
```
#342f1c
```
#342f1c rgb(52,47,28)
```
#413b23
```
#413b23 rgb(65,59,35)
```
#4e462a
```
#4e462a rgb(78,70,42)
```
#5a5231
```
#5a5231 rgb(90,82,49)
```
#675d38
```
#675d38 rgb(103,93,56)
```
#74693e
```
#74693e rgb(116,105,62)
```
#817545
```
#817545 rgb(129,117,69)
```
#8d804c
```
#8d804c rgb(141,128,76)
```
#9a8c53
```
#9a8c53 rgb(154,140,83)
```

Shade Color Variation

#a6975b
```
#a6975b rgb(166,151,91)
```
#ad9f67
```
#ad9f67 rgb(173,159,103)
```
#b4a774
```
#b4a774 rgb(180,167,116)
```
#bbaf81
```
#bbaf81 rgb(187,175,129)
```
#c2b78d
```
#c2b78d rgb(194,183,141)
```
#c9bf9a
```
#c9bf9a rgb(201,191,154)
```
#cfc7a7
```
#cfc7a7 rgb(207,199,167)
```
#d6cfb4
```
#d6cfb4 rgb(214,207,180)
```
#ddd7c0
```
#ddd7c0 rgb(221,215,192)
```
#e4dfcd
```
#e4dfcd rgb(228,223,205)
```
#ebe8da
```
#ebe8da rgb(235,232,218)
```
#f2f0e7
```
#f2f0e7 rgb(242,240,231)
```
#f9f8f3
```
#f9f8f3 rgb(249,248,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 #fed32a is the most saturated one.

#9b988d
```
#9b988d rgb(155,152,141)
```
#a49d84
```
#a49d84 rgb(164,157,132)
```
#aca27c
```
#aca27c rgb(172,162,124)
```
#b4a774
```
#b4a774 rgb(180,167,116)
```
#bcac6c
```
#bcac6c rgb(188,172,108)
```
#c4b164
```
#c4b164 rgb(196,177,100)
```
#cdb65b
```
#cdb65b rgb(205,182,91)
```
#d5bb53
```
#d5bb53 rgb(213,187,83)
```
#ddbf4b
```
#ddbf4b rgb(221,191,75)
```
#e5c443
```
#e5c443 rgb(229,196,67)
```
#eec93a
```
#eec93a rgb(238,201,58)
```
#f6ce32
```
#f6ce32 rgb(246,206,50)
```
#fed32a
```
#fed32a rgb(254,211,42)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a8a59b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ab7b Protanopia 1% of men
#caa47d Deuteranopia 1% of men
#bea4b0 Tritanopia 0.001% of the population

Trichromacy

#b6a978 Protanomaly 1% of men, 0.01% of women
#c2a579 Deuteranomaly 6% of men, 0.4% of women
#baa59a Tritanomaly 0.01% of the population

#b4a774 hex color

#b4a774 Color Information

#b4a774 Color Conversion

Color Schemes with #b4a774

Alternatives to #b4a774

#b4a774 Preview

Shades and Tints of #b4a774

Tones of #b4a774

Color Blindness Simulator