#b4af38 hex color

In a RGB color space, hex #b4af38 is composed of 70.6% red, 68.6% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 68.9% yellow and 29.4% black. It has a hue angle of 57.6 degrees, a saturation of 52.5% and a lightness of 46.3%. #b4af38 color hex could be obtained by blending #ffff70 with #695f00. Closest websafe color is: #cc9933.

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

● #b4af38 color description : Moderate yellow.

The hexadecimal color #b4af38 has RGB values of R:180, G:175, B:56 and CMYK values of C:0, M:0.03, Y:0.69, K:0.29. Its decimal value is 11841336.

Hex triplet	b4af38	`#b4af38`
RGB Decimal	180, 175, 56	`rgb(180,175,56)`
RGB Percent	70.6, 68.6, 22	`rgb(70.6%,68.6%,22%)`
CMYK	0, 3, 69, 29
HSL	57.6°, 52.5, 46.3	`hsl(57.6,52.5%,46.3%)`
HSV (or HSB)	57.6°, 68.9, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.93, -12.461, 58.675
XYZ	34.866, 40.649, 9.751
xyY	0.409, 0.477, 40.649
CIE-LCH	69.93, 59.984, 101.99
CIE-LUV	69.93, 8.295, 67.793
Hunter-Lab	63.757, -13.96, 35.562
Binary	10110100, 10101111, 00111000

#b4af38
```
#b4af38 rgb(180,175,56)
```
#383db4
```
#383db4 rgb(56,61,180)
```

Complementary Color

#b47138
```
#b47138 rgb(180,113,56)
```
#b4af38
```
#b4af38 rgb(180,175,56)
```
#7bb438
```
#7bb438 rgb(123,180,56)
```

Analogous Color

#7138b4
```
#7138b4 rgb(113,56,180)
```
#b4af38
```
#b4af38 rgb(180,175,56)
```
#387bb4
```
#387bb4 rgb(56,123,180)
```

Split Complementary Color

#af38b4
```
#af38b4 rgb(175,56,180)
```
#b4af38
```
#b4af38 rgb(180,175,56)
```
#38b4af
```
#38b4af rgb(56,180,175)
```

Triadic Color

#b4383d
```
#b4383d rgb(180,56,61)
```
#b4af38
```
#b4af38 rgb(180,175,56)
```
#38b4af
```
#38b4af rgb(56,180,175)
```
#383db4
```
#383db4 rgb(56,61,180)
```

Tetradic Color

#7a7626
```
#7a7626 rgb(122,118,38)
```
#8d892c
```
#8d892c rgb(141,137,44)
```
#a19c32
```
#a19c32 rgb(161,156,50)
```
#b4af38
```
#b4af38 rgb(180,175,56)
```
#c4bf41
```
#c4bf41 rgb(196,191,65)
```
#cac555
```
#cac555 rgb(202,197,85)
```
#d0cc68
```
#d0cc68 rgb(208,204,104)
```

Monochromatic Color

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

#b49038
```
#b49038 rgb(180,144,56)
```
#b49a38
```
#b49a38 rgb(180,154,56)
```
#b4a538
```
#b4a538 rgb(180,165,56)
```
#b4af38
```
#b4af38 rgb(180,175,56)
```
#afb438
```
#afb438 rgb(175,180,56)
```
#a4b438
```
#a4b438 rgb(164,180,56)
```
#9ab438
```
#9ab438 rgb(154,180,56)
```

Similar Colors

Text with hexadecimal color #b4af38

This text has a font color of #b4af38.

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

#b4af38 background color

This paragraph has a background color of #b4af38.

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

#b4af38 border color

This element has a border color of #b4af38.

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

CSS codes

.text {color:#b4af38;}

.background {background-color:#b4af38;}

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

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 #fafaf1 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0f0f05
```
#0f0f05 rgb(15,15,5)
```
#1e1e09
```
#1e1e09 rgb(30,30,9)
```
#2d2c0e
```
#2d2c0e rgb(45,44,14)
```
#3c3b13
```
#3c3b13 rgb(60,59,19)
```
#4b4917
```
#4b4917 rgb(75,73,23)
```
#5a581c
```
#5a581c rgb(90,88,28)
```
#696621
```
#696621 rgb(105,102,33)
```
#787525
```
#787525 rgb(120,117,37)
```
#87832a
```
#87832a rgb(135,131,42)
```
#96922f
```
#96922f rgb(150,146,47)
```
#a5a033
```
#a5a033 rgb(165,160,51)
```
#b4af38
```
#b4af38 rgb(180,175,56)
```

Shade Color Variation

#c3bd3d
```
#c3bd3d rgb(195,189,61)
```
#c7c24c
```
#c7c24c rgb(199,194,76)
```
#ccc75b
```
#ccc75b rgb(204,199,91)
```
#d1cc6a
```
#d1cc6a rgb(209,204,106)
```
#d5d279
```
#d5d279 rgb(213,210,121)
```
#dad788
```
#dad788 rgb(218,215,136)
```
#dfdc97
```
#dfdc97 rgb(223,220,151)
```
#e3e1a6
```
#e3e1a6 rgb(227,225,166)
```
#e8e6b5
```
#e8e6b5 rgb(232,230,181)
```
#edebc4
```
#edebc4 rgb(237,235,196)
```
#f1f0d3
```
#f1f0d3 rgb(241,240,211)
```
#f6f5e2
```
#f6f5e2 rgb(246,245,226)
```
#fafaf1
```
#fafaf1 rgb(250,250,241)
```

Tint Color Variation

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

#7e7d6e
```
#7e7d6e rgb(126,125,110)
```
#878565
```
#878565 rgb(135,133,101)
```
#908e5c
```
#908e5c rgb(144,142,92)
```
#999653
```
#999653 rgb(153,150,83)
```
#a29e4a
```
#a29e4a rgb(162,158,74)
```
#aba741
```
#aba741 rgb(171,167,65)
```
#b4af38
```
#b4af38 rgb(180,175,56)
```
#bdb72f
```
#bdb72f rgb(189,183,47)
```
#c6c026
```
#c6c026 rgb(198,192,38)
```
#cfc81d
```
#cfc81d rgb(207,200,29)
```
#d8d014
```
#d8d014 rgb(216,208,20)
```
#e1d90b
```
#e1d90b rgb(225,217,11)
```
#eae102
```
#eae102 rgb(234,225,2)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a6a58e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3af41 Protanopia 1% of men
#d8a747 Deuteranopia 1% of men
#c3a8b4 Tritanopia 0.001% of the population

Trichromacy

#bdaf3d Protanomaly 1% of men, 0.01% of women
#cbaa41 Deuteranomaly 6% of men, 0.4% of women
#bdaa86 Tritanomaly 0.01% of the population

#b4af38 hex color

#b4af38 Color Information

#b4af38 Color Conversion

Color Schemes with #b4af38

Alternatives to #b4af38

#b4af38 Preview

Shades and Tints of #b4af38

Tones of #b4af38

Color Blindness Simulator