#b4ae74 hex color

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

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

● #b4ae74 color description : Slightly desaturated yellow.

The hexadecimal color #b4ae74 has RGB values of R:180, G:174, B:116 and CMYK values of C:0, M:0.03, Y:0.36, K:0.29. Its decimal value is 11841140.

Hex triplet	b4ae74	`#b4ae74`
RGB Decimal	180, 174, 116	`rgb(180,174,116)`
RGB Percent	70.6, 68.2, 45.5	`rgb(70.6%,68.2%,45.5%)`
CMYK	0, 3, 36, 29
HSL	54.4°, 29.9, 58	`hsl(54.4,29.9%,58%)`
HSV (or HSB)	54.4°, 35.6, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.342, -6.717, 30.576
XYZ	37.11, 41.237, 22.527
xyY	0.368, 0.409, 41.237
CIE-LCH	70.342, 31.305, 102.389
CIE-LUV	70.342, 6.771, 40.979
Hunter-Lab	64.216, -9.223, 24.153
Binary	10110100, 10101110, 01110100

#b4ae74
```
#b4ae74 rgb(180,174,116)
```
#747ab4
```
#747ab4 rgb(116,122,180)
```

Complementary Color

#b48e74
```
#b48e74 rgb(180,142,116)
```
#b4ae74
```
#b4ae74 rgb(180,174,116)
```
#9ab474
```
#9ab474 rgb(154,180,116)
```

Analogous Color

#8e74b4
```
#8e74b4 rgb(142,116,180)
```
#b4ae74
```
#b4ae74 rgb(180,174,116)
```
#749ab4
```
#749ab4 rgb(116,154,180)
```

Split Complementary Color

#ae74b4
```
#ae74b4 rgb(174,116,180)
```
#b4ae74
```
#b4ae74 rgb(180,174,116)
```
#74b4ae
```
#74b4ae rgb(116,180,174)
```

Triadic Color

#b4747a
```
#b4747a rgb(180,116,122)
```
#b4ae74
```
#b4ae74 rgb(180,174,116)
```
#74b4ae
```
#74b4ae rgb(116,180,174)
```
#747ab4
```
#747ab4 rgb(116,122,180)
```

Tetradic Color

#8f884d
```
#8f884d rgb(143,136,77)
```
#9f9856
```
#9f9856 rgb(159,152,86)
```
#aba463
```
#aba463 rgb(171,164,99)
```
#b4ae74
```
#b4ae74 rgb(180,174,116)
```
#bdb885
```
#bdb885 rgb(189,184,133)
```
#c6c195
```
#c6c195 rgb(198,193,149)
```
#cfcba6
```
#cfcba6 rgb(207,203,166)
```

Monochromatic Color

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

#b49e74
```
#b49e74 rgb(180,158,116)
```
#b4a374
```
#b4a374 rgb(180,163,116)
```
#b4a974
```
#b4a974 rgb(180,169,116)
```
#b4ae74
```
#b4ae74 rgb(180,174,116)
```
#b4b374
```
#b4b374 rgb(180,179,116)
```
#afb474
```
#afb474 rgb(175,180,116)
```
#aab474
```
#aab474 rgb(170,180,116)
```

Similar Colors

Text with hexadecimal color #b4ae74

This text has a font color of #b4ae74.

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

#b4ae74 background color

This paragraph has a background color of #b4ae74.

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

#b4ae74 border color

This element has a border color of #b4ae74.

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

CSS codes

.text {color:#b4ae74;}

.background {background-color:#b4ae74;}

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

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)
```
#1b190e
```
#1b190e rgb(27,25,14)
```
#272615
```
#272615 rgb(39,38,21)
```
#34321c
```
#34321c rgb(52,50,28)
```
#413e23
```
#413e23 rgb(65,62,35)
```
#4e4a2a
```
#4e4a2a rgb(78,74,42)
```
#5a5631
```
#5a5631 rgb(90,86,49)
```
#676338
```
#676338 rgb(103,99,56)
```
#746f3e
```
#746f3e rgb(116,111,62)
```
#817b45
```
#817b45 rgb(129,123,69)
```
#8d874c
```
#8d874c rgb(141,135,76)
```
#9a9353
```
#9a9353 rgb(154,147,83)
```

Shade Color Variation

#a69f5b
```
#a69f5b rgb(166,159,91)
```
#ada767
```
#ada767 rgb(173,167,103)
```
#b4ae74
```
#b4ae74 rgb(180,174,116)
```
#bbb581
```
#bbb581 rgb(187,181,129)
```
#c2bd8d
```
#c2bd8d rgb(194,189,141)
```
#c9c49a
```
#c9c49a rgb(201,196,154)
```
#cfcca7
```
#cfcca7 rgb(207,204,167)
```
#d6d3b4
```
#d6d3b4 rgb(214,211,180)
```
#dddbc0
```
#dddbc0 rgb(221,219,192)
```
#e4e2cd
```
#e4e2cd rgb(228,226,205)
```
#ebe9da
```
#ebe9da rgb(235,233,218)
```
#f2f1e7
```
#f2f1e7 rgb(242,241,231)
```
#f9f8f3
```
#f9f8f3 rgb(249,248,243)
```

Tint Color Variation

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

#9b9a8d
```
#9b9a8d rgb(155,154,141)
```
#a4a184
```
#a4a184 rgb(164,161,132)
```
#aca77c
```
#aca77c rgb(172,167,124)
```
#b4ae74
```
#b4ae74 rgb(180,174,116)
```
#bcb56c
```
#bcb56c rgb(188,181,108)
```
#c4bb64
```
#c4bb64 rgb(196,187,100)
```
#cdc25b
```
#cdc25b rgb(205,194,91)
```
#d5c953
```
#d5c953 rgb(213,201,83)
```
#ddcf4b
```
#ddcf4b rgb(221,207,75)
```
#e5d643
```
#e5d643 rgb(229,214,67)
```
#eedd3a
```
#eedd3a rgb(238,221,58)
```
#f6e432
```
#f6e432 rgb(246,228,50)
```
#feea2a
```
#feea2a rgb(254,234,42)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#abaa9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb07a Protanopia 1% of men
#d0a97e Deuteranopia 1% of men
#bfaab6 Tritanopia 0.001% of the population

Trichromacy

#baaf78 Protanomaly 1% of men, 0.01% of women
#c6aa7a Deuteranomaly 6% of men, 0.4% of women
#bbab9e Tritanomaly 0.01% of the population

#b4ae74 hex color

#b4ae74 Color Information

#b4ae74 Color Conversion

Color Schemes with #b4ae74

Alternatives to #b4ae74

#b4ae74 Preview

Shades and Tints of #b4ae74

Tones of #b4ae74

Color Blindness Simulator