#b4af74 hex color

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

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

● #b4af74 color description : Slightly desaturated yellow.

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

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

CIE-LAB	70.611, -7.244, 30.929
XYZ	37.304, 41.625, 22.591
xyY	0.367, 0.41, 41.625
CIE-LCH	70.611, 31.766, 103.182
CIE-LUV	70.611, 6.17, 41.521
Hunter-Lab	64.517, -9.695, 24.401
Binary	10110100, 10101111, 01110100

#b4af74
```
#b4af74 rgb(180,175,116)
```
#7479b4
```
#7479b4 rgb(116,121,180)
```

Complementary Color

#b48f74
```
#b48f74 rgb(180,143,116)
```
#b4af74
```
#b4af74 rgb(180,175,116)
```
#99b474
```
#99b474 rgb(153,180,116)
```

Analogous Color

#8f74b4
```
#8f74b4 rgb(143,116,180)
```
#b4af74
```
#b4af74 rgb(180,175,116)
```
#7499b4
```
#7499b4 rgb(116,153,180)
```

Split Complementary Color

#af74b4
```
#af74b4 rgb(175,116,180)
```
#b4af74
```
#b4af74 rgb(180,175,116)
```
#74b4af
```
#74b4af rgb(116,180,175)
```

Triadic Color

#b47479
```
#b47479 rgb(180,116,121)
```
#b4af74
```
#b4af74 rgb(180,175,116)
```
#74b4af
```
#74b4af rgb(116,180,175)
```
#7479b4
```
#7479b4 rgb(116,121,180)
```

Tetradic Color

#8f894d
```
#8f894d rgb(143,137,77)
```
#9f9956
```
#9f9956 rgb(159,153,86)
```
#aba563
```
#aba563 rgb(171,165,99)
```
#b4af74
```
#b4af74 rgb(180,175,116)
```
#bdb985
```
#bdb985 rgb(189,185,133)
```
#c6c295
```
#c6c295 rgb(198,194,149)
```
#cfcca6
```
#cfcca6 rgb(207,204,166)
```

Monochromatic Color

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

#b49f74
```
#b49f74 rgb(180,159,116)
```
#b4a474
```
#b4a474 rgb(180,164,116)
```
#b4aa74
```
#b4aa74 rgb(180,170,116)
```
#b4af74
```
#b4af74 rgb(180,175,116)
```
#b4b474
```
#b4b474 rgb(180,180,116)
```
#aeb474
```
#aeb474 rgb(174,180,116)
```
#a9b474
```
#a9b474 rgb(169,180,116)
```

Similar Colors

Text with hexadecimal color #b4af74

This text has a font color of #b4af74.

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

#b4af74 background color

This paragraph has a background color of #b4af74.

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

#b4af74 border color

This element has a border color of #b4af74.

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

CSS codes

.text {color:#b4af74;}

.background {background-color:#b4af74;}

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

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)
```
#1b1a0e
```
#1b1a0e rgb(27,26,14)
```
#272615
```
#272615 rgb(39,38,21)
```
#34321c
```
#34321c rgb(52,50,28)
```
#413f23
```
#413f23 rgb(65,63,35)
```
#4e4b2a
```
#4e4b2a rgb(78,75,42)
```
#5a5731
```
#5a5731 rgb(90,87,49)
```
#676338
```
#676338 rgb(103,99,56)
```
#74703e
```
#74703e rgb(116,112,62)
```
#817c45
```
#817c45 rgb(129,124,69)
```
#8d884c
```
#8d884c rgb(141,136,76)
```
#9a9453
```
#9a9453 rgb(154,148,83)
```

Shade Color Variation

#a6a05b
```
#a6a05b rgb(166,160,91)
```
#ada867
```
#ada867 rgb(173,168,103)
```
#b4af74
```
#b4af74 rgb(180,175,116)
```
#bbb681
```
#bbb681 rgb(187,182,129)
```
#c2be8d
```
#c2be8d rgb(194,190,141)
```
#c9c59a
```
#c9c59a rgb(201,197,154)
```
#cfcca7
```
#cfcca7 rgb(207,204,167)
```
#d6d4b4
```
#d6d4b4 rgb(214,212,180)
```
#dddbc0
```
#dddbc0 rgb(221,219,192)
```
#e4e2cd
```
#e4e2cd rgb(228,226,205)
```
#ebeada
```
#ebeada rgb(235,234,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 #feee2a is the most saturated one.

#9b9a8d
```
#9b9a8d rgb(155,154,141)
```
#a4a184
```
#a4a184 rgb(164,161,132)
```
#aca87c
```
#aca87c rgb(172,168,124)
```
#b4af74
```
#b4af74 rgb(180,175,116)
```
#bcb66c
```
#bcb66c rgb(188,182,108)
```
#c4bd64
```
#c4bd64 rgb(196,189,100)
```
#cdc45b
```
#cdc45b rgb(205,196,91)
```
#d5cb53
```
#d5cb53 rgb(213,203,83)
```
#ddd24b
```
#ddd24b rgb(221,210,75)
```
#e5d943
```
#e5d943 rgb(229,217,67)
```
#eee03a
```
#eee03a rgb(238,224,58)
```
#f6e732
```
#f6e732 rgb(246,231,50)
```
#feee2a
```
#feee2a rgb(254,238,42)
```

Tone Color Variation

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

Dichromacy

#bfb07a Protanopia 1% of men
#d1a97e Deuteranopia 1% of men
#bfabb7 Tritanopia 0.001% of the population

Trichromacy

#bbb078 Protanomaly 1% of men, 0.01% of women
#c6ab7a Deuteranomaly 6% of men, 0.4% of women
#bbac9f Tritanomaly 0.01% of the population

#b4af74 hex color

#b4af74 Color Information

#b4af74 Color Conversion

Color Schemes with #b4af74

Alternatives to #b4af74

#b4af74 Preview

Shades and Tints of #b4af74

Tones of #b4af74

Color Blindness Simulator