#b4af4e hex color

In a RGB color space, hex #b4af4e is composed of 70.6% red, 68.6% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 56.7% yellow and 29.4% black. It has a hue angle of 57.1 degrees, a saturation of 40.5% and a lightness of 50.6%. #b4af4e color hex could be obtained by blending #ffff9c with #695f00. Closest websafe color is: #cc9966.

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

● #b4af4e color description : Moderate yellow.

The hexadecimal color #b4af4e has RGB values of R:180, G:175, B:78 and CMYK values of C:0, M:0.03, Y:0.57, K:0.29. Its decimal value is 11841358.

Hex triplet	b4af4e	`#b4af4e`
RGB Decimal	180, 175, 78	`rgb(180,175,78)`
RGB Percent	70.6, 68.6, 30.6	`rgb(70.6%,68.6%,30.6%)`
CMYK	0, 3, 57, 29
HSL	57.1°, 40.5, 50.6	`hsl(57.1,40.5%,50.6%)`
HSV (or HSB)	57.1°, 56.7, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.116, -11.014, 49.408
XYZ	35.527, 40.914, 13.233
xyY	0.396, 0.456, 40.914
CIE-LCH	70.116, 50.621, 102.567
CIE-LUV	70.116, 7.688, 60.294
Hunter-Lab	63.964, -12.793, 32.509
Binary	10110100, 10101111, 01001110

#b4af4e
```
#b4af4e rgb(180,175,78)
```
#4e53b4
```
#4e53b4 rgb(78,83,180)
```

Complementary Color

#b47c4e
```
#b47c4e rgb(180,124,78)
```
#b4af4e
```
#b4af4e rgb(180,175,78)
```
#86b44e
```
#86b44e rgb(134,180,78)
```

Analogous Color

#7c4eb4
```
#7c4eb4 rgb(124,78,180)
```
#b4af4e
```
#b4af4e rgb(180,175,78)
```
#4e86b4
```
#4e86b4 rgb(78,134,180)
```

Split Complementary Color

#af4eb4
```
#af4eb4 rgb(175,78,180)
```
#b4af4e
```
#b4af4e rgb(180,175,78)
```
#4eb4af
```
#4eb4af rgb(78,180,175)
```

Triadic Color

#b44e53
```
#b44e53 rgb(180,78,83)
```
#b4af4e
```
#b4af4e rgb(180,175,78)
```
#4eb4af
```
#4eb4af rgb(78,180,175)
```
#4e53b4
```
#4e53b4 rgb(78,83,180)
```

Tetradic Color

#7f7c36
```
#7f7c36 rgb(127,124,54)
```
#918d3e
```
#918d3e rgb(145,141,62)
```
#a39f45
```
#a39f45 rgb(163,159,69)
```
#b4af4e
```
#b4af4e rgb(180,175,78)
```
#bcb760
```
#bcb760 rgb(188,183,96)
```
#c3bf72
```
#c3bf72 rgb(195,191,114)
```
#cbc784
```
#cbc784 rgb(203,199,132)
```

Monochromatic Color

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

#b4964e
```
#b4964e rgb(180,150,78)
```
#b49e4e
```
#b49e4e rgb(180,158,78)
```
#b4a74e
```
#b4a74e rgb(180,167,78)
```
#b4af4e
```
#b4af4e rgb(180,175,78)
```
#b1b44e
```
#b1b44e rgb(177,180,78)
```
#a8b44e
```
#a8b44e rgb(168,180,78)
```
#a0b44e
```
#a0b44e rgb(160,180,78)
```

Similar Colors

Text with hexadecimal color #b4af4e

This text has a font color of #b4af4e.

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

#b4af4e background color

This paragraph has a background color of #b4af4e.

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

#b4af4e border color

This element has a border color of #b4af4e.

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

CSS codes

.text {color:#b4af4e;}

.background {background-color:#b4af4e;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#100f07
```
#100f07 rgb(16,15,7)
```
#1e1d0d
```
#1e1d0d rgb(30,29,13)
```
#2b2a12
```
#2b2a12 rgb(43,42,18)
```
#393818
```
#393818 rgb(57,56,24)
```
#47451e
```
#47451e rgb(71,69,30)
```
#555224
```
#555224 rgb(85,82,36)
```
#63602a
```
#63602a rgb(99,96,42)
```
#706d30
```
#706d30 rgb(112,109,48)
```
#7e7b35
```
#7e7b35 rgb(126,123,53)
```
#8c883b
```
#8c883b rgb(140,136,59)
```
#9a9541
```
#9a9541 rgb(154,149,65)
```
#a7a347
```
#a7a347 rgb(167,163,71)
```

Shade Color Variation

#b4af4e
```
#b4af4e rgb(180,175,78)
```
#bab55c
```
#bab55c rgb(186,181,92)
```
#c0bb6a
```
#c0bb6a rgb(192,187,106)
```
#c6c277
```
#c6c277 rgb(198,194,119)
```
#cbc885
```
#cbc885 rgb(203,200,133)
```
#d1ce93
```
#d1ce93 rgb(209,206,147)
```
#d7d4a1
```
#d7d4a1 rgb(215,212,161)
```
#dddbae
```
#dddbae rgb(221,219,174)
```
#e3e1bc
```
#e3e1bc rgb(227,225,188)
```
#e9e7ca
```
#e9e7ca rgb(233,231,202)
```
#eeedd8
```
#eeedd8 rgb(238,237,216)
```
#f4f3e6
```
#f4f3e6 rgb(244,243,230)
```
#fafaf3
```
#fafaf3 rgb(250,250,243)
```

Tint Color Variation

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

#84837e
```
#84837e rgb(132,131,126)
```
#8d8c75
```
#8d8c75 rgb(141,140,117)
```
#97956b
```
#97956b rgb(151,149,107)
```
#a19e61
```
#a19e61 rgb(161,158,97)
```
#aaa658
```
#aaa658 rgb(170,166,88)
```
#b4af4e
```
#b4af4e rgb(180,175,78)
```
#beb844
```
#beb844 rgb(190,184,68)
```
#c7c03b
```
#c7c03b rgb(199,192,59)
```
#d1c931
```
#d1c931 rgb(209,201,49)
```
#dbd227
```
#dbd227 rgb(219,210,39)
```
#e4db1e
```
#e4db1e rgb(228,219,30)
```
#eee314
```
#eee314 rgb(238,227,20)
```
#f8ec0a
```
#f8ec0a rgb(248,236,10)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a8a794 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2af56 Protanopia 1% of men
#d6a75b Deuteranopia 1% of men
#c2a9b5 Tritanopia 0.001% of the population

Trichromacy

#bcaf53 Protanomaly 1% of men, 0.01% of women
#caaa56 Deuteranomaly 6% of men, 0.4% of women
#bdab8f Tritanomaly 0.01% of the population

#b4af4e hex color

#b4af4e Color Information

#b4af4e Color Conversion

Color Schemes with #b4af4e

Alternatives to #b4af4e

#b4af4e Preview

Shades and Tints of #b4af4e

Tones of #b4af4e

Color Blindness Simulator