#b4af60 hex color

In a RGB color space, hex #b4af60 is composed of 70.6% red, 68.6% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 46.7% yellow and 29.4% black. It has a hue angle of 56.4 degrees, a saturation of 35.9% and a lightness of 54.1%. #b4af60 color hex could be obtained by blending #ffffc0 with #695f00. Closest websafe color is: #cc9966.

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

● #b4af60 color description : Slightly desaturated yellow.

The hexadecimal color #b4af60 has RGB values of R:180, G:175, B:96 and CMYK values of C:0, M:0.03, Y:0.47, K:0.29. Its decimal value is 11841376.

Hex triplet	b4af60	`#b4af60`
RGB Decimal	180, 175, 96	`rgb(180,175,96)`
RGB Percent	70.6, 68.6, 37.6	`rgb(70.6%,68.6%,37.6%)`
CMYK	0, 3, 47, 29
HSL	56.4°, 35.9, 54.1	`hsl(56.4,35.9%,54.1%)`
HSV (or HSB)	56.4°, 46.7, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.322, -9.432, 40.905
XYZ	36.263, 41.208, 17.109
xyY	0.383, 0.436, 41.208
CIE-LCH	70.322, 41.979, 102.985
CIE-LUV	70.322, 7.04, 52.285
Hunter-Lab	64.194, -11.503, 29.133
Binary	10110100, 10101111, 01100000

#b4af60
```
#b4af60 rgb(180,175,96)
```
#6065b4
```
#6065b4 rgb(96,101,180)
```

Complementary Color

#b48560
```
#b48560 rgb(180,133,96)
```
#b4af60
```
#b4af60 rgb(180,175,96)
```
#8fb460
```
#8fb460 rgb(143,180,96)
```

Analogous Color

#8560b4
```
#8560b4 rgb(133,96,180)
```
#b4af60
```
#b4af60 rgb(180,175,96)
```
#608fb4
```
#608fb4 rgb(96,143,180)
```

Split Complementary Color

#af60b4
```
#af60b4 rgb(175,96,180)
```
#b4af60
```
#b4af60 rgb(180,175,96)
```
#60b4af
```
#60b4af rgb(96,180,175)
```

Triadic Color

#b46065
```
#b46065 rgb(180,96,101)
```
#b4af60
```
#b4af60 rgb(180,175,96)
```
#60b4af
```
#60b4af rgb(96,180,175)
```
#6065b4
```
#6065b4 rgb(96,101,180)
```

Tetradic Color

#888340
```
#888340 rgb(136,131,64)
```
#999448
```
#999448 rgb(153,148,72)
```
#aaa550
```
#aaa550 rgb(170,165,80)
```
#b4af60
```
#b4af60 rgb(180,175,96)
```
#bcb871
```
#bcb871 rgb(188,184,113)
```
#c4c083
```
#c4c083 rgb(196,192,131)
```
#cdc994
```
#cdc994 rgb(205,201,148)
```

Monochromatic Color

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

#b49a60
```
#b49a60 rgb(180,154,96)
```
#b4a160
```
#b4a160 rgb(180,161,96)
```
#b4a860
```
#b4a860 rgb(180,168,96)
```
#b4af60
```
#b4af60 rgb(180,175,96)
```
#b2b460
```
#b2b460 rgb(178,180,96)
```
#abb460
```
#abb460 rgb(171,180,96)
```
#a4b460
```
#a4b460 rgb(164,180,96)
```

Similar Colors

Text with hexadecimal color #b4af60

This text has a font color of #b4af60.

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

#b4af60 background color

This paragraph has a background color of #b4af60.

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

#b4af60 border color

This element has a border color of #b4af60.

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

CSS codes

.text {color:#b4af60;}

.background {background-color:#b4af60;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0e0e07
```
#0e0e07 rgb(14,14,7)
```
#1c1b0d
```
#1c1b0d rgb(28,27,13)
```
#292813
```
#292813 rgb(41,40,19)
```
#36351a
```
#36351a rgb(54,53,26)
```
#444120
```
#444120 rgb(68,65,32)
```
#514e26
```
#514e26 rgb(81,78,38)
```
#5e5b2c
```
#5e5b2c rgb(94,91,44)
```
#6c6833
```
#6c6833 rgb(108,104,51)
```
#797539
```
#797539 rgb(121,117,57)
```
#86823f
```
#86823f rgb(134,130,63)
```
#948f46
```
#948f46 rgb(148,143,70)
```
#a19c4c
```
#a19c4c rgb(161,156,76)
```

Shade Color Variation

#aea853
```
#aea853 rgb(174,168,83)
```
#b4af60
```
#b4af60 rgb(180,175,96)
```
#bab66d
```
#bab66d rgb(186,182,109)
```
#c1bc7b
```
#c1bc7b rgb(193,188,123)
```
#c7c388
```
#c7c388 rgb(199,195,136)
```
#cdca95
```
#cdca95 rgb(205,202,149)
```
#d3d1a3
```
#d3d1a3 rgb(211,209,163)
```
#dad7b0
```
#dad7b0 rgb(218,215,176)
```
#e0debd
```
#e0debd rgb(224,222,189)
```
#e6e5cb
```
#e6e5cb rgb(230,229,203)
```
#edebd8
```
#edebd8 rgb(237,235,216)
```
#f3f2e5
```
#f3f2e5 rgb(243,242,229)
```
#f9f9f3
```
#f9f9f3 rgb(249,249,243)
```

Tint Color Variation

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

#908f84
```
#908f84 rgb(144,143,132)
```
#99977b
```
#99977b rgb(153,151,123)
```
#a29f72
```
#a29f72 rgb(162,159,114)
```
#aba769
```
#aba769 rgb(171,167,105)
```
#b4af60
```
#b4af60 rgb(180,175,96)
```
#bdb757
```
#bdb757 rgb(189,183,87)
```
#c6bf4e
```
#c6bf4e rgb(198,191,78)
```
#cfc745
```
#cfc745 rgb(207,199,69)
```
#d8cf3c
```
#d8cf3c rgb(216,207,60)
```
#e1d733
```
#e1d733 rgb(225,215,51)
```
#eadf2a
```
#eadf2a rgb(234,223,42)
```
#f3e721
```
#f3e721 rgb(243,231,33)
```
#fcee18
```
#fcee18 rgb(252,238,24)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aaa999 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b067 Protanopia 1% of men
#d4a86b Deuteranopia 1% of men
#c1aab6 Tritanopia 0.001% of the population

Trichromacy

#bcaf64 Protanomaly 1% of men, 0.01% of women
#c8ab67 Deuteranomaly 6% of men, 0.4% of women
#bcab96 Tritanomaly 0.01% of the population

#b4af60 hex color

#b4af60 Color Information

#b4af60 Color Conversion

Color Schemes with #b4af60

Alternatives to #b4af60

#b4af60 Preview

Shades and Tints of #b4af60

Tones of #b4af60

Color Blindness Simulator