#b4a56f hex color

In a RGB color space, hex #b4a56f is composed of 70.6% red, 64.7% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.3% magenta, 38.3% yellow and 29.4% black. It has a hue angle of 47 degrees, a saturation of 31.5% and a lightness of 57.1%. #b4a56f color hex could be obtained by blending #ffffde with #694b00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 65
- B 44
RGB color chart
- C 0
- M 8
- Y 38
- K 29
CMYK color chart

● #b4a56f color description : Slightly desaturated yellow.

The hexadecimal color #b4a56f has RGB values of R:180, G:165, B:111 and CMYK values of C:0, M:0.08, Y:0.38, K:0.29. Its decimal value is 11838831.

Hex triplet	b4a56f	`#b4a56f`
RGB Decimal	180, 165, 111	`rgb(180,165,111)`
RGB Percent	70.6, 64.7, 43.5	`rgb(70.6%,64.7%,43.5%)`
CMYK	0, 8, 38, 29
HSL	47°, 31.5, 57.1	`hsl(47,31.5%,57.1%)`
HSV (or HSB)	47°, 38.3, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.845, -2.519, 29.977
XYZ	35.147, 37.762, 20.475
xyY	0.376, 0.404, 37.762
CIE-LCH	67.845, 30.082, 94.803
CIE-LUV	67.845, 12.528, 39.043
Hunter-Lab	61.451, -5.447, 23.26
Binary	10110100, 10100101, 01101111

#b4a56f
```
#b4a56f rgb(180,165,111)
```
#6f7eb4
```
#6f7eb4 rgb(111,126,180)
```

Complementary Color

#b4836f
```
#b4836f rgb(180,131,111)
```
#b4a56f
```
#b4a56f rgb(180,165,111)
```
#a1b46f
```
#a1b46f rgb(161,180,111)
```

Analogous Color

#836fb4
```
#836fb4 rgb(131,111,180)
```
#b4a56f
```
#b4a56f rgb(180,165,111)
```
#6fa1b4
```
#6fa1b4 rgb(111,161,180)
```

Split Complementary Color

#a56fb4
```
#a56fb4 rgb(165,111,180)
```
#b4a56f
```
#b4a56f rgb(180,165,111)
```
#6fb4a5
```
#6fb4a5 rgb(111,180,165)
```

Triadic Color

#b46f7e
```
#b46f7e rgb(180,111,126)
```
#b4a56f
```
#b4a56f rgb(180,165,111)
```
#6fb4a5
```
#6fb4a5 rgb(111,180,165)
```
#6f7eb4
```
#6f7eb4 rgb(111,126,180)
```

Tetradic Color

#8d7e49
```
#8d7e49 rgb(141,126,73)
```
#9e8d52
```
#9e8d52 rgb(158,141,82)
```
#ab9b5e
```
#ab9b5e rgb(171,155,94)
```
#b4a56f
```
#b4a56f rgb(180,165,111)
```
#bdaf80
```
#bdaf80 rgb(189,175,128)
```
#c5ba91
```
#c5ba91 rgb(197,186,145)
```
#cec4a1
```
#cec4a1 rgb(206,196,161)
```

Monochromatic Color

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

#b4946f
```
#b4946f rgb(180,148,111)
```
#b49a6f
```
#b49a6f rgb(180,154,111)
```
#b49f6f
```
#b49f6f rgb(180,159,111)
```
#b4a56f
```
#b4a56f rgb(180,165,111)
```
#b4ab6f
```
#b4ab6f rgb(180,171,111)
```
#b4b16f
```
#b4b16f rgb(180,177,111)
```
#b2b46f
```
#b2b46f rgb(178,180,111)
```

Similar Colors

Text with hexadecimal color #b4a56f

This text has a font color of #b4a56f.

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

#b4a56f background color

This paragraph has a background color of #b4a56f.

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

#b4a56f border color

This element has a border color of #b4a56f.

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

CSS codes

.text {color:#b4a56f;}

.background {background-color:#b4a56f;}

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

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, #0b0a06 is the darkest color, while #fefefd is the lightest one.

#0b0a06
```
#0b0a06 rgb(11,10,6)
```
#18150c
```
#18150c rgb(24,21,12)
```
#252113
```
#252113 rgb(37,33,19)
```
#312c1a
```
#312c1a rgb(49,44,26)
```
#3e3820
```
#3e3820 rgb(62,56,32)
```
#4b4327
```
#4b4327 rgb(75,67,39)
```
#584f2e
```
#584f2e rgb(88,79,46)
```
#655b35
```
#655b35 rgb(101,91,53)
```
#72663b
```
#72663b rgb(114,102,59)
```
#7f7242
```
#7f7242 rgb(127,114,66)
```
#8c7d49
```
#8c7d49 rgb(140,125,73)
```
#998950
```
#998950 rgb(153,137,80)
```
#a69456
```
#a69456 rgb(166,148,86)
```

Shade Color Variation

#ad9d62
```
#ad9d62 rgb(173,157,98)
```
#b4a56f
```
#b4a56f rgb(180,165,111)
```
#bbad7c
```
#bbad7c rgb(187,173,124)
```
#c1b589
```
#c1b589 rgb(193,181,137)
```
#c8bd96
```
#c8bd96 rgb(200,189,150)
```
#cfc5a3
```
#cfc5a3 rgb(207,197,163)
```
#d6cdaf
```
#d6cdaf rgb(214,205,175)
```
#dcd5bc
```
#dcd5bc rgb(220,213,188)
```
#e3ddc9
```
#e3ddc9 rgb(227,221,201)
```
#eae5d6
```
#eae5d6 rgb(234,229,214)
```
#f0eee3
```
#f0eee3 rgb(240,238,227)
```
#f7f6f0
```
#f7f6f0 rgb(247,246,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#929291
```
#929291 rgb(146,146,145)
```
#9b9788
```
#9b9788 rgb(155,151,136)
```
#a39b80
```
#a39b80 rgb(163,155,128)
```
#aca077
```
#aca077 rgb(172,160,119)
```
#b4a56f
```
#b4a56f rgb(180,165,111)
```
#bcaa67
```
#bcaa67 rgb(188,170,103)
```
#c5af5e
```
#c5af5e rgb(197,175,94)
```
#cdb356
```
#cdb356 rgb(205,179,86)
```
#d6b84d
```
#d6b84d rgb(214,184,77)
```
#debd45
```
#debd45 rgb(222,189,69)
```
#e7c23c
```
#e7c23c rgb(231,194,60)
```
#efc634
```
#efc634 rgb(239,198,52)
```
#f7cb2c
```
#f7cb2c rgb(247,203,44)
```

Tone Color Variation

Below, you can see how #b4a56f 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
#a6a399 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a976 Protanopia 1% of men
#c9a378 Deuteranopia 1% of men
#bea2ae Tritanopia 0.001% of the population

Trichromacy

#b6a873 Protanomaly 1% of men, 0.01% of women
#c1a375 Deuteranomaly 6% of men, 0.4% of women
#baa397 Tritanomaly 0.01% of the population

#b4a56f hex color

#b4a56f Color Information

#b4a56f Color Conversion

Color Schemes with #b4a56f

Alternatives to #b4a56f

#b4a56f Preview

Shades and Tints of #b4a56f

Tones of #b4a56f

Color Blindness Simulator