#b4af67 hex color

In a RGB color space, hex #b4af67 is composed of 70.6% red, 68.6% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 42.8% yellow and 29.4% black. It has a hue angle of 56.1 degrees, a saturation of 33.9% and a lightness of 55.5%. #b4af67 color hex could be obtained by blending #ffffce with #695f00. Closest websafe color is: #cc9966.

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

● #b4af67 color description : Slightly desaturated yellow.

The hexadecimal color #b4af67 has RGB values of R:180, G:175, B:103 and CMYK values of C:0, M:0.03, Y:0.43, K:0.29. Its decimal value is 11841383.

Hex triplet	b4af67	`#b4af67`
RGB Decimal	180, 175, 103	`rgb(180,175,103)`
RGB Percent	70.6, 68.6, 40.4	`rgb(70.6%,68.6%,40.4%)`
CMYK	0, 3, 43, 29
HSL	56.1°, 33.9, 55.5	`hsl(56.1,33.9%,55.5%)`
HSV (or HSB)	56.1°, 42.8, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.416, -8.718, 37.46
XYZ	36.6, 41.343, 18.883
xyY	0.378, 0.427, 41.343
CIE-LCH	70.416, 38.461, 103.101
CIE-LUV	70.416, 6.753, 48.732
Hunter-Lab	64.299, -10.916, 27.597
Binary	10110100, 10101111, 01100111

#b4af67
```
#b4af67 rgb(180,175,103)
```
#676cb4
```
#676cb4 rgb(103,108,180)
```

Complementary Color

#b48967
```
#b48967 rgb(180,137,103)
```
#b4af67
```
#b4af67 rgb(180,175,103)
```
#93b467
```
#93b467 rgb(147,180,103)
```

Analogous Color

#8967b4
```
#8967b4 rgb(137,103,180)
```
#b4af67
```
#b4af67 rgb(180,175,103)
```
#6793b4
```
#6793b4 rgb(103,147,180)
```

Split Complementary Color

#af67b4
```
#af67b4 rgb(175,103,180)
```
#b4af67
```
#b4af67 rgb(180,175,103)
```
#67b4af
```
#67b4af rgb(103,180,175)
```

Triadic Color

#b4676c
```
#b4676c rgb(180,103,108)
```
#b4af67
```
#b4af67 rgb(180,175,103)
```
#67b4af
```
#67b4af rgb(103,180,175)
```
#676cb4
```
#676cb4 rgb(103,108,180)
```

Tetradic Color

#8a8644
```
#8a8644 rgb(138,134,68)
```
#9b964d
```
#9b964d rgb(155,150,77)
```
#aca656
```
#aca656 rgb(172,166,86)
```
#b4af67
```
#b4af67 rgb(180,175,103)
```
#bcb878
```
#bcb878 rgb(188,184,120)
```
#c5c189
```
#c5c189 rgb(197,193,137)
```
#cdca9a
```
#cdca9a rgb(205,202,154)
```

Monochromatic Color

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

#b49c67
```
#b49c67 rgb(180,156,103)
```
#b4a267
```
#b4a267 rgb(180,162,103)
```
#b4a967
```
#b4a967 rgb(180,169,103)
```
#b4af67
```
#b4af67 rgb(180,175,103)
```
#b3b467
```
#b3b467 rgb(179,180,103)
```
#acb467
```
#acb467 rgb(172,180,103)
```
#a6b467
```
#a6b467 rgb(166,180,103)
```

Similar Colors

Text with hexadecimal color #b4af67

This text has a font color of #b4af67.

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

#b4af67 background color

This paragraph has a background color of #b4af67.

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

#b4af67 border color

This element has a border color of #b4af67.

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

CSS codes

.text {color:#b4af67;}

.background {background-color:#b4af67;}

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

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

#060503
```
#060503 rgb(6,5,3)
```
#131209
```
#131209 rgb(19,18,9)
```
#201f10
```
#201f10 rgb(32,31,16)
```
#2d2c16
```
#2d2c16 rgb(45,44,22)
```
#3a381d
```
#3a381d rgb(58,56,29)
```
#474523
```
#474523 rgb(71,69,35)
```
#54522a
```
#54522a rgb(84,82,42)
```
#625e30
```
#625e30 rgb(98,94,48)
```
#6f6b37
```
#6f6b37 rgb(111,107,55)
```
#7c783d
```
#7c783d rgb(124,120,61)
```
#898444
```
#898444 rgb(137,132,68)
```
#96914a
```
#96914a rgb(150,145,74)
```
#a39e51
```
#a39e51 rgb(163,158,81)
```

Shade Color Variation

#aea85a
```
#aea85a rgb(174,168,90)
```
#b4af67
```
#b4af67 rgb(180,175,103)
```
#bab674
```
#bab674 rgb(186,182,116)
```
#c1bd81
```
#c1bd81 rgb(193,189,129)
```
#c7c48e
```
#c7c48e rgb(199,196,142)
```
#cecb9c
```
#cecb9c rgb(206,203,156)
```
#d4d2a9
```
#d4d2a9 rgb(212,210,169)
```
#dbd8b6
```
#dbd8b6 rgb(219,216,182)
```
#e1dfc3
```
#e1dfc3 rgb(225,223,195)
```
#e8e6d0
```
#e8e6d0 rgb(232,230,208)
```
#eeeddd
```
#eeeddd rgb(238,237,221)
```
#f5f4ea
```
#f5f4ea rgb(245,244,234)
```
#fbfbf7
```
#fbfbf7 rgb(251,251,247)
```

Tint Color Variation

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

#91918a
```
#91918a rgb(145,145,138)
```
#9a9881
```
#9a9881 rgb(154,152,129)
```
#a3a078
```
#a3a078 rgb(163,160,120)
```
#aba770
```
#aba770 rgb(171,167,112)
```
#b4af67
```
#b4af67 rgb(180,175,103)
```
#bdb75e
```
#bdb75e rgb(189,183,94)
```
#c5be56
```
#c5be56 rgb(197,190,86)
```
#cec64d
```
#cec64d rgb(206,198,77)
```
#d7cd44
```
#d7cd44 rgb(215,205,68)
```
#e0d53b
```
#e0d53b rgb(224,213,59)
```
#e8dd33
```
#e8dd33 rgb(232,221,51)
```
#f1e42a
```
#f1e42a rgb(241,228,42)
```
#faec21
```
#faec21 rgb(250,236,33)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aaa99b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b06d Protanopia 1% of men
#d3a972 Deuteranopia 1% of men
#c0aab6 Tritanopia 0.001% of the population

Trichromacy

#bbaf6b Protanomaly 1% of men, 0.01% of women
#c8ab6e Deuteranomaly 6% of men, 0.4% of women
#bcac99 Tritanomaly 0.01% of the population

#b4af67 hex color

#b4af67 Color Information

#b4af67 Color Conversion

Color Schemes with #b4af67

Alternatives to #b4af67

#b4af67 Preview

Shades and Tints of #b4af67

Tones of #b4af67

Color Blindness Simulator