#b4af5f hex color

In a RGB color space, hex #b4af5f is composed of 70.6% red, 68.6% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 47.2% yellow and 29.4% black. It has a hue angle of 56.5 degrees, a saturation of 36.2% and a lightness of 53.9%. #b4af5f color hex could be obtained by blending #ffffbe with #695f00. Closest websafe color is: #cc9966.

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

● #b4af5f color description : Slightly desaturated yellow.

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

Hex triplet	b4af5f	`#b4af5f`
RGB Decimal	180, 175, 95	`rgb(180,175,95)`
RGB Percent	70.6, 68.6, 37.3	`rgb(70.6%,68.6%,37.3%)`
CMYK	0, 3, 47, 29
HSL	56.5°, 36.2, 53.9	`hsl(56.5,36.2%,53.9%)`
HSV (or HSB)	56.5°, 47.2, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.309, -9.53, 41.392
XYZ	36.218, 41.19, 16.868
xyY	0.384, 0.437, 41.19
CIE-LCH	70.309, 42.475, 102.965
CIE-LUV	70.309, 7.08, 52.773
Hunter-Lab	64.179, -11.583, 29.342
Binary	10110100, 10101111, 01011111

#b4af5f
```
#b4af5f rgb(180,175,95)
```
#5f64b4
```
#5f64b4 rgb(95,100,180)
```

Complementary Color

#b4855f
```
#b4855f rgb(180,133,95)
```
#b4af5f
```
#b4af5f rgb(180,175,95)
```
#8fb45f
```
#8fb45f rgb(143,180,95)
```

Analogous Color

#855fb4
```
#855fb4 rgb(133,95,180)
```
#b4af5f
```
#b4af5f rgb(180,175,95)
```
#5f8fb4
```
#5f8fb4 rgb(95,143,180)
```

Split Complementary Color

#af5fb4
```
#af5fb4 rgb(175,95,180)
```
#b4af5f
```
#b4af5f rgb(180,175,95)
```
#5fb4af
```
#5fb4af rgb(95,180,175)
```

Triadic Color

#b45f64
```
#b45f64 rgb(180,95,100)
```
#b4af5f
```
#b4af5f rgb(180,175,95)
```
#5fb4af
```
#5fb4af rgb(95,180,175)
```
#5f64b4
```
#5f64b4 rgb(95,100,180)
```

Tetradic Color

#87833f
```
#87833f rgb(135,131,63)
```
#999447
```
#999447 rgb(153,148,71)
```
#aaa550
```
#aaa550 rgb(170,165,80)
```
#b4af5f
```
#b4af5f rgb(180,175,95)
```
#bcb870
```
#bcb870 rgb(188,184,112)
```
#c4c082
```
#c4c082 rgb(196,192,130)
```
#ccc993
```
#ccc993 rgb(204,201,147)
```

Monochromatic Color

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

#b49a5f
```
#b49a5f rgb(180,154,95)
```
#b4a15f
```
#b4a15f rgb(180,161,95)
```
#b4a85f
```
#b4a85f rgb(180,168,95)
```
#b4af5f
```
#b4af5f rgb(180,175,95)
```
#b2b45f
```
#b2b45f rgb(178,180,95)
```
#abb45f
```
#abb45f rgb(171,180,95)
```
#a4b45f
```
#a4b45f rgb(164,180,95)
```

Similar Colors

Text with hexadecimal color #b4af5f

This text has a font color of #b4af5f.

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

#b4af5f background color

This paragraph has a background color of #b4af5f.

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

#b4af5f border color

This element has a border color of #b4af5f.

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

CSS codes

.text {color:#b4af5f;}

.background {background-color:#b4af5f;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0e0d06
```
#0e0d06 rgb(14,13,6)
```
#1b1a0d
```
#1b1a0d rgb(27,26,13)
```
#282713
```
#282713 rgb(40,39,19)
```
#363419
```
#363419 rgb(54,52,25)
```
#43411f
```
#43411f rgb(67,65,31)
```
#504e26
```
#504e26 rgb(80,78,38)
```
#5e5b2c
```
#5e5b2c rgb(94,91,44)
```
#6b6832
```
#6b6832 rgb(107,104,50)
```
#787538
```
#787538 rgb(120,117,56)
```
#86823f
```
#86823f rgb(134,130,63)
```
#938f45
```
#938f45 rgb(147,143,69)
```
#a19c4b
```
#a19c4b rgb(161,156,75)
```

Shade Color Variation

#aea852
```
#aea852 rgb(174,168,82)
```
#b4af5f
```
#b4af5f rgb(180,175,95)
```
#bab66c
```
#bab66c rgb(186,182,108)
```
#c1bc7a
```
#c1bc7a rgb(193,188,122)
```
#c7c387
```
#c7c387 rgb(199,195,135)
```
#cdca94
```
#cdca94 rgb(205,202,148)
```
#d3d0a2
```
#d3d0a2 rgb(211,208,162)
```
#dad7af
```
#dad7af rgb(218,215,175)
```
#e0debc
```
#e0debc rgb(224,222,188)
```
#e6e4ca
```
#e6e4ca rgb(230,228,202)
```
#ecebd7
```
#ecebd7 rgb(236,235,215)
```
#f3f2e5
```
#f3f2e5 rgb(243,242,229)
```
#f9f8f2
```
#f9f8f2 rgb(249,248,242)
```

Tint Color Variation

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

#908f83
```
#908f83 rgb(144,143,131)
```
#99977a
```
#99977a rgb(153,151,122)
```
#a29f71
```
#a29f71 rgb(162,159,113)
```
#aba768
```
#aba768 rgb(171,167,104)
```
#b4af5f
```
#b4af5f rgb(180,175,95)
```
#bdb756
```
#bdb756 rgb(189,183,86)
```
#c6bf4d
```
#c6bf4d rgb(198,191,77)
```
#cfc744
```
#cfc744 rgb(207,199,68)
```
#d8cf3b
```
#d8cf3b rgb(216,207,59)
```
#e1d732
```
#e1d732 rgb(225,215,50)
```
#eadf29
```
#eadf29 rgb(234,223,41)
```
#f3e720
```
#f3e720 rgb(243,231,32)
```
#fcef17
```
#fcef17 rgb(252,239,23)
```

Tone Color Variation

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

#c0b066 Protanopia 1% of men
#d4a86a Deuteranopia 1% of men
#c1aab6 Tritanopia 0.001% of the population

Trichromacy

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

#b4af5f hex color

#b4af5f Color Information

#b4af5f Color Conversion

Color Schemes with #b4af5f

Alternatives to #b4af5f

#b4af5f Preview

Shades and Tints of #b4af5f

Tones of #b4af5f

Color Blindness Simulator