#b4af55 hex color

In a RGB color space, hex #b4af55 is composed of 70.6% red, 68.6% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 52.8% yellow and 29.4% black. It has a hue angle of 56.8 degrees, a saturation of 38.8% and a lightness of 52%. #b4af55 color hex could be obtained by blending #ffffaa with #695f00. Closest websafe color is: #cc9966.

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

● #b4af55 color description : Moderate yellow.

The hexadecimal color #b4af55 has RGB values of R:180, G:175, B:85 and CMYK values of C:0, M:0.03, Y:0.53, K:0.29. Its decimal value is 11841365.

Hex triplet	b4af55	`#b4af55`
RGB Decimal	180, 175, 85	`rgb(180,175,85)`
RGB Percent	70.6, 68.6, 33.3	`rgb(70.6%,68.6%,33.3%)`
CMYK	0, 3, 53, 29
HSL	56.8°, 38.8, 52	`hsl(56.8,38.8%,52%)`
HSV (or HSB)	56.8°, 52.8, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.19, -10.442, 46.175
XYZ	35.792, 41.02, 14.626
xyY	0.391, 0.449, 41.02
CIE-LCH	70.19, 47.341, 102.743
CIE-LUV	70.19, 7.452, 57.376
Hunter-Lab	64.047, -12.328, 31.293
Binary	10110100, 10101111, 01010101

#b4af55
```
#b4af55 rgb(180,175,85)
```
#555ab4
```
#555ab4 rgb(85,90,180)
```

Complementary Color

#b48055
```
#b48055 rgb(180,128,85)
```
#b4af55
```
#b4af55 rgb(180,175,85)
```
#8ab455
```
#8ab455 rgb(138,180,85)
```

Analogous Color

#8055b4
```
#8055b4 rgb(128,85,180)
```
#b4af55
```
#b4af55 rgb(180,175,85)
```
#558ab4
```
#558ab4 rgb(85,138,180)
```

Split Complementary Color

#af55b4
```
#af55b4 rgb(175,85,180)
```
#b4af55
```
#b4af55 rgb(180,175,85)
```
#55b4af
```
#55b4af rgb(85,180,175)
```

Triadic Color

#b4555a
```
#b4555a rgb(180,85,90)
```
#b4af55
```
#b4af55 rgb(180,175,85)
```
#55b4af
```
#55b4af rgb(85,180,175)
```
#555ab4
```
#555ab4 rgb(85,90,180)
```

Tetradic Color

#837f3a
```
#837f3a rgb(131,127,58)
```
#949042
```
#949042 rgb(148,144,66)
```
#a6a149
```
#a6a149 rgb(166,161,73)
```
#b4af55
```
#b4af55 rgb(180,175,85)
```
#bcb767
```
#bcb767 rgb(188,183,103)
```
#c4c078
```
#c4c078 rgb(196,192,120)
```
#cbc88a
```
#cbc88a rgb(203,200,138)
```

Monochromatic Color

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

#b49755
```
#b49755 rgb(180,151,85)
```
#b49f55
```
#b49f55 rgb(180,159,85)
```
#b4a755
```
#b4a755 rgb(180,167,85)
```
#b4af55
```
#b4af55 rgb(180,175,85)
```
#b1b455
```
#b1b455 rgb(177,180,85)
```
#a9b455
```
#a9b455 rgb(169,180,85)
```
#a1b455
```
#a1b455 rgb(161,180,85)
```

Similar Colors

Text with hexadecimal color #b4af55

This text has a font color of #b4af55.

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

#b4af55 background color

This paragraph has a background color of #b4af55.

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

#b4af55 border color

This element has a border color of #b4af55.

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

CSS codes

.text {color:#b4af55;}

.background {background-color:#b4af55;}

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

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

#070703
```
#070703 rgb(7,7,3)
```
#151409
```
#151409 rgb(21,20,9)
```
#22210f
```
#22210f rgb(34,33,15)
```
#302e15
```
#302e15 rgb(48,46,21)
```
#3d3c1b
```
#3d3c1b rgb(61,60,27)
```
#4b4921
```
#4b4921 rgb(75,73,33)
```
#595627
```
#595627 rgb(89,86,39)
```
#66632d
```
#66632d rgb(102,99,45)
```
#747033
```
#747033 rgb(116,112,51)
```
#817e39
```
#817e39 rgb(129,126,57)
```
#8f8b3f
```
#8f8b3f rgb(143,139,63)
```
#9d9845
```
#9d9845 rgb(157,152,69)
```
#aaa54b
```
#aaa54b rgb(170,165,75)
```

Shade Color Variation

#b4af55
```
#b4af55 rgb(180,175,85)
```
#bab563
```
#bab563 rgb(186,181,99)
```
#c0bc70
```
#c0bc70 rgb(192,188,112)
```
#c6c27e
```
#c6c27e rgb(198,194,126)
```
#ccc98b
```
#ccc98b rgb(204,201,139)
```
#d2cf99
```
#d2cf99 rgb(210,207,153)
```
#d8d5a7
```
#d8d5a7 rgb(216,213,167)
```
#dedcb4
```
#dedcb4 rgb(222,220,180)
```
#e4e2c2
```
#e4e2c2 rgb(228,226,194)
```
#eae9cf
```
#eae9cf rgb(234,233,207)
```
#f0efdd
```
#f0efdd rgb(240,239,221)
```
#f6f5eb
```
#f6f5eb rgb(246,245,235)
```
#fcfcf8
```
#fcfcf8 rgb(252,252,248)
```

Tint Color Variation

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

#858584
```
#858584 rgb(133,133,132)
```
#8e8d7b
```
#8e8d7b rgb(142,141,123)
```
#989671
```
#989671 rgb(152,150,113)
```
#a19e68
```
#a19e68 rgb(161,158,104)
```
#aba75e
```
#aba75e rgb(171,167,94)
```
#b4af55
```
#b4af55 rgb(180,175,85)
```
#bdb74c
```
#bdb74c rgb(189,183,76)
```
#c7c042
```
#c7c042 rgb(199,192,66)
```
#d0c839
```
#d0c839 rgb(208,200,57)
```
#dad12f
```
#dad12f rgb(218,209,47)
```
#e3d926
```
#e3d926 rgb(227,217,38)
```
#ede21c
```
#ede21c rgb(237,226,28)
```
#f6ea13
```
#f6ea13 rgb(246,234,19)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a9a896 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1b05c Protanopia 1% of men
#d5a861 Deuteranopia 1% of men
#c1a9b5 Tritanopia 0.001% of the population

Trichromacy

#bcaf5a Protanomaly 1% of men, 0.01% of women
#c9aa5c Deuteranomaly 6% of men, 0.4% of women
#bcab92 Tritanomaly 0.01% of the population

#b4af55 hex color

#b4af55 Color Information

#b4af55 Color Conversion

Color Schemes with #b4af55

Alternatives to #b4af55

#b4af55 Preview

Shades and Tints of #b4af55

Tones of #b4af55

Color Blindness Simulator