#b4af5d hex color

In a RGB color space, hex #b4af5d is composed of 70.6% red, 68.6% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 48.3% yellow and 29.4% black. It has a hue angle of 56.6 degrees, a saturation of 36.7% and a lightness of 53.5%. #b4af5d color hex could be obtained by blending #ffffba with #695f00. Closest websafe color is: #cc9966.

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

● #b4af5d color description : Slightly desaturated yellow.

The hexadecimal color #b4af5d has RGB values of R:180, G:175, B:93 and CMYK values of C:0, M:0.03, Y:0.48, K:0.29. Its decimal value is 11841373.

Hex triplet	b4af5d	`#b4af5d`
RGB Decimal	180, 175, 93	`rgb(180,175,93)`
RGB Percent	70.6, 68.6, 36.5	`rgb(70.6%,68.6%,36.5%)`
CMYK	0, 3, 48, 29
HSL	56.6°, 36.7, 53.5	`hsl(56.6,36.7%,53.5%)`
HSV (or HSB)	56.6°, 48.3, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.284, -9.721, 42.362
XYZ	36.128, 41.154, 16.396
xyY	0.386, 0.439, 41.154
CIE-LCH	70.284, 43.463, 102.925
CIE-LUV	70.284, 7.157, 53.734
Hunter-Lab	64.152, -11.74, 29.753
Binary	10110100, 10101111, 01011101

#b4af5d
```
#b4af5d rgb(180,175,93)
```
#5d62b4
```
#5d62b4 rgb(93,98,180)
```

Complementary Color

#b4845d
```
#b4845d rgb(180,132,93)
```
#b4af5d
```
#b4af5d rgb(180,175,93)
```
#8eb45d
```
#8eb45d rgb(142,180,93)
```

Analogous Color

#845db4
```
#845db4 rgb(132,93,180)
```
#b4af5d
```
#b4af5d rgb(180,175,93)
```
#5d8eb4
```
#5d8eb4 rgb(93,142,180)
```

Split Complementary Color

#af5db4
```
#af5db4 rgb(175,93,180)
```
#b4af5d
```
#b4af5d rgb(180,175,93)
```
#5db4af
```
#5db4af rgb(93,180,175)
```

Triadic Color

#b45d62
```
#b45d62 rgb(180,93,98)
```
#b4af5d
```
#b4af5d rgb(180,175,93)
```
#5db4af
```
#5db4af rgb(93,180,175)
```
#5d62b4
```
#5d62b4 rgb(93,98,180)
```

Tetradic Color

#86823e
```
#86823e rgb(134,130,62)
```
#989346
```
#989346 rgb(152,147,70)
```
#a9a44e
```
#a9a44e rgb(169,164,78)
```
#b4af5d
```
#b4af5d rgb(180,175,93)
```
#bcb86e
```
#bcb86e rgb(188,184,110)
```
#c4c080
```
#c4c080 rgb(196,192,128)
```
#ccc991
```
#ccc991 rgb(204,201,145)
```

Monochromatic Color

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

#b4995d
```
#b4995d rgb(180,153,93)
```
#b4a15d
```
#b4a15d rgb(180,161,93)
```
#b4a85d
```
#b4a85d rgb(180,168,93)
```
#b4af5d
```
#b4af5d rgb(180,175,93)
```
#b2b45d
```
#b2b45d rgb(178,180,93)
```
#abb45d
```
#abb45d rgb(171,180,93)
```
#a3b45d
```
#a3b45d rgb(163,180,93)
```

Similar Colors

Text with hexadecimal color #b4af5d

This text has a font color of #b4af5d.

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

#b4af5d background color

This paragraph has a background color of #b4af5d.

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

#b4af5d border color

This element has a border color of #b4af5d.

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

CSS codes

.text {color:#b4af5d;}

.background {background-color:#b4af5d;}

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

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, #0c0c06 is the darkest color, while #fefefe is the lightest one.

#0c0c06
```
#0c0c06 rgb(12,12,6)
```
#1a190c
```
#1a190c rgb(26,25,12)
```
#272612
```
#272612 rgb(39,38,18)
```
#353318
```
#353318 rgb(53,51,24)
```
#42401f
```
#42401f rgb(66,64,31)
```
#4f4d25
```
#4f4d25 rgb(79,77,37)
```
#5d5a2b
```
#5d5a2b rgb(93,90,43)
```
#6a6731
```
#6a6731 rgb(106,103,49)
```
#787437
```
#787437 rgb(120,116,55)
```
#85813e
```
#85813e rgb(133,129,62)
```
#928e44
```
#928e44 rgb(146,142,68)
```
#a09b4a
```
#a09b4a rgb(160,155,74)
```
#ada850
```
#ada850 rgb(173,168,80)
```

Shade Color Variation

#b4af5d
```
#b4af5d rgb(180,175,93)
```
#bab66a
```
#bab66a rgb(186,182,106)
```
#c0bc78
```
#c0bc78 rgb(192,188,120)
```
#c7c385
```
#c7c385 rgb(199,195,133)
```
#cdc993
```
#cdc993 rgb(205,201,147)
```
#d3d0a0
```
#d3d0a0 rgb(211,208,160)
```
#d9d7ad
```
#d9d7ad rgb(217,215,173)
```
#dfddbb
```
#dfddbb rgb(223,221,187)
```
#e6e4c8
```
#e6e4c8 rgb(230,228,200)
```
#ecebd6
```
#ecebd6 rgb(236,235,214)
```
#f2f1e3
```
#f2f1e3 rgb(242,241,227)
```
#f8f8f0
```
#f8f8f0 rgb(248,248,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#908f81
```
#908f81 rgb(144,143,129)
```
#999778
```
#999778 rgb(153,151,120)
```
#a29f6f
```
#a29f6f rgb(162,159,111)
```
#aba766
```
#aba766 rgb(171,167,102)
```
#b4af5d
```
#b4af5d rgb(180,175,93)
```
#bdb754
```
#bdb754 rgb(189,183,84)
```
#c6bf4b
```
#c6bf4b rgb(198,191,75)
```
#cfc742
```
#cfc742 rgb(207,199,66)
```
#d8cf39
```
#d8cf39 rgb(216,207,57)
```
#e2d72f
```
#e2d72f rgb(226,215,47)
```
#ebdf26
```
#ebdf26 rgb(235,223,38)
```
#f4e71d
```
#f4e71d rgb(244,231,29)
```
#fdf014
```
#fdf014 rgb(253,240,20)
```

Tone Color Variation

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

Dichromacy

#c1b064 Protanopia 1% of men
#d4a868 Deuteranopia 1% of men
#c1a9b5 Tritanopia 0.001% of the population

Trichromacy

#bcaf61 Protanomaly 1% of men, 0.01% of women
#c8aa64 Deuteranomaly 6% of men, 0.4% of women
#bcab95 Tritanomaly 0.01% of the population

#b4af5d hex color

#b4af5d Color Information

#b4af5d Color Conversion

Color Schemes with #b4af5d

Alternatives to #b4af5d

#b4af5d Preview

Shades and Tints of #b4af5d

Tones of #b4af5d

Color Blindness Simulator