#b4ae78 hex color

In a RGB color space, hex #b4ae78 is composed of 70.6% red, 68.2% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.3% magenta, 33.3% yellow and 29.4% black. It has a hue angle of 54 degrees, a saturation of 28.6% and a lightness of 58.8%. #b4ae78 color hex could be obtained by blending #fffff0 with #695d00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 68
- B 47
RGB color chart
- C 0
- M 3
- Y 33
- K 29
CMYK color chart

● #b4ae78 color description : Slightly desaturated yellow.

The hexadecimal color #b4ae78 has RGB values of R:180, G:174, B:120 and CMYK values of C:0, M:0.03, Y:0.33, K:0.29. Its decimal value is 11841144.

Hex triplet	b4ae78	`#b4ae78`
RGB Decimal	180, 174, 120	`rgb(180,174,120)`
RGB Percent	70.6, 68.2, 47.1	`rgb(70.6%,68.2%,47.1%)`
CMYK	0, 3, 33, 29
HSL	54°, 28.6, 58.8	`hsl(54,28.6%,58.8%)`
HSV (or HSB)	54°, 33.3, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.408, -6.224, 28.539
XYZ	37.348, 41.332, 23.779
xyY	0.365, 0.403, 41.332
CIE-LCH	70.408, 29.209, 102.303
CIE-LUV	70.408, 6.574, 38.599
Hunter-Lab	64.29, -8.811, 23.074
Binary	10110100, 10101110, 01111000

#b4ae78
```
#b4ae78 rgb(180,174,120)
```
#787eb4
```
#787eb4 rgb(120,126,180)
```

Complementary Color

#b49078
```
#b49078 rgb(180,144,120)
```
#b4ae78
```
#b4ae78 rgb(180,174,120)
```
#9cb478
```
#9cb478 rgb(156,180,120)
```

Analogous Color

#9078b4
```
#9078b4 rgb(144,120,180)
```
#b4ae78
```
#b4ae78 rgb(180,174,120)
```
#789cb4
```
#789cb4 rgb(120,156,180)
```

Split Complementary Color

#ae78b4
```
#ae78b4 rgb(174,120,180)
```
#b4ae78
```
#b4ae78 rgb(180,174,120)
```
#78b4ae
```
#78b4ae rgb(120,180,174)
```

Triadic Color

#b4787e
```
#b4787e rgb(180,120,126)
```
#b4ae78
```
#b4ae78 rgb(180,174,120)
```
#78b4ae
```
#78b4ae rgb(120,180,174)
```
#787eb4
```
#787eb4 rgb(120,126,180)
```

Tetradic Color

#908950
```
#908950 rgb(144,137,80)
```
#a09959
```
#a09959 rgb(160,153,89)
```
#aba468
```
#aba468 rgb(171,164,104)
```
#b4ae78
```
#b4ae78 rgb(180,174,120)
```
#bdb888
```
#bdb888 rgb(189,184,136)
```
#c6c299
```
#c6c299 rgb(198,194,153)
```
#cfcca9
```
#cfcca9 rgb(207,204,169)
```

Monochromatic Color

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

#b49f78
```
#b49f78 rgb(180,159,120)
```
#b4a478
```
#b4a478 rgb(180,164,120)
```
#b4a978
```
#b4a978 rgb(180,169,120)
```
#b4ae78
```
#b4ae78 rgb(180,174,120)
```
#b4b378
```
#b4b378 rgb(180,179,120)
```
#b0b478
```
#b0b478 rgb(176,180,120)
```
#abb478
```
#abb478 rgb(171,180,120)
```

Similar Colors

Text with hexadecimal color #b4ae78

This text has a font color of #b4ae78.

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

#b4ae78 background color

This paragraph has a background color of #b4ae78.

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

#b4ae78 border color

This element has a border color of #b4ae78.

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

CSS codes

.text {color:#b4ae78;}

.background {background-color:#b4ae78;}

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

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

#040402
```
#040402 rgb(4,4,2)
```
#101009
```
#101009 rgb(16,16,9)
```
#1d1c10
```
#1d1c10 rgb(29,28,16)
```
#2a2817
```
#2a2817 rgb(42,40,23)
```
#36341e
```
#36341e rgb(54,52,30)
```
#434025
```
#434025 rgb(67,64,37)
```
#4f4c2c
```
#4f4c2c rgb(79,76,44)
```
#5c5833
```
#5c5833 rgb(92,88,51)
```
#69643a
```
#69643a rgb(105,100,58)
```
#757041
```
#757041 rgb(117,112,65)
```
#827c48
```
#827c48 rgb(130,124,72)
```
#8e884f
```
#8e884f rgb(142,136,79)
```
#9b9456
```
#9b9456 rgb(155,148,86)
```

Shade Color Variation

#a69f5f
```
#a69f5f rgb(166,159,95)
```
#ada66b
```
#ada66b rgb(173,166,107)
```
#b4ae78
```
#b4ae78 rgb(180,174,120)
```
#bbb685
```
#bbb685 rgb(187,182,133)
```
#c2bd91
```
#c2bd91 rgb(194,189,145)
```
#c9c59e
```
#c9c59e rgb(201,197,158)
```
#d0ccaa
```
#d0ccaa rgb(208,204,170)
```
#d7d4b7
```
#d7d4b7 rgb(215,212,183)
```
#dedbc4
```
#dedbc4 rgb(222,219,196)
```
#e5e3d0
```
#e5e3d0 rgb(229,227,208)
```
#ecebdd
```
#ecebdd rgb(236,235,221)
```
#f3f2e9
```
#f3f2e9 rgb(243,242,233)
```
#fafaf6
```
#fafaf6 rgb(250,250,246)
```

Tint Color Variation

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

#9c9b90
```
#9c9b90 rgb(156,155,144)
```
#a4a188
```
#a4a188 rgb(164,161,136)
```
#aca880
```
#aca880 rgb(172,168,128)
```
#b4ae78
```
#b4ae78 rgb(180,174,120)
```
#bcb470
```
#bcb470 rgb(188,180,112)
```
#c4bb68
```
#c4bb68 rgb(196,187,104)
```
#ccc160
```
#ccc160 rgb(204,193,96)
```
#d4c858
```
#d4c858 rgb(212,200,88)
```
#dcce50
```
#dcce50 rgb(220,206,80)
```
#e4d548
```
#e4d548 rgb(228,213,72)
```
#eddb3f
```
#eddb3f rgb(237,219,63)
```
#f5e237
```
#f5e237 rgb(245,226,55)
```
#fde82f
```
#fde82f rgb(253,232,47)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#acaba0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb07e Protanopia 1% of men
#d0a981 Deuteranopia 1% of men
#bfaab7 Tritanopia 0.001% of the population

Trichromacy

#baaf7b Protanomaly 1% of men, 0.01% of women
#c5ab7e Deuteranomaly 6% of men, 0.4% of women
#bbaca0 Tritanomaly 0.01% of the population

#b4ae78 hex color

#b4ae78 Color Information

#b4ae78 Color Conversion

Color Schemes with #b4ae78

Alternatives to #b4ae78

#b4ae78 Preview

Shades and Tints of #b4ae78

Tones of #b4ae78

Color Blindness Simulator