#b4af48 hex color

In a RGB color space, hex #b4af48 is composed of 70.6% red, 68.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 60% yellow and 29.4% black. It has a hue angle of 57.2 degrees, a saturation of 42.9% and a lightness of 49.4%. #b4af48 color hex could be obtained by blending #ffff90 with #695f00. Closest websafe color is: #cc9933.

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

● #b4af48 color description : Moderate yellow.

The hexadecimal color #b4af48 has RGB values of R:180, G:175, B:72 and CMYK values of C:0, M:0.03, Y:0.6, K:0.29. Its decimal value is 11841352.

Hex triplet	b4af48	`#b4af48`
RGB Decimal	180, 175, 72	`rgb(180,175,72)`
RGB Percent	70.6, 68.6, 28.2	`rgb(70.6%,68.6%,28.2%)`
CMYK	0, 3, 60, 29
HSL	57.2°, 42.9, 49.4	`hsl(57.2,42.9%,49.4%)`
HSV (or HSB)	57.2°, 60, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.058, -11.461, 52.085
XYZ	35.322, 40.832, 12.151
xyY	0.4, 0.462, 40.832
CIE-LCH	70.058, 53.331, 102.41
CIE-LUV	70.058, 7.874, 62.592
Hunter-Lab	63.9, -13.155, 33.455
Binary	10110100, 10101111, 01001000

#b4af48
```
#b4af48 rgb(180,175,72)
```
#484db4
```
#484db4 rgb(72,77,180)
```

Complementary Color

#b47948
```
#b47948 rgb(180,121,72)
```
#b4af48
```
#b4af48 rgb(180,175,72)
```
#83b448
```
#83b448 rgb(131,180,72)
```

Analogous Color

#7948b4
```
#7948b4 rgb(121,72,180)
```
#b4af48
```
#b4af48 rgb(180,175,72)
```
#4883b4
```
#4883b4 rgb(72,131,180)
```

Split Complementary Color

#af48b4
```
#af48b4 rgb(175,72,180)
```
#b4af48
```
#b4af48 rgb(180,175,72)
```
#48b4af
```
#48b4af rgb(72,180,175)
```

Triadic Color

#b4484d
```
#b4484d rgb(180,72,77)
```
#b4af48
```
#b4af48 rgb(180,175,72)
```
#48b4af
```
#48b4af rgb(72,180,175)
```
#484db4
```
#484db4 rgb(72,77,180)
```

Tetradic Color

#7d7a32
```
#7d7a32 rgb(125,122,50)
```
#908c39
```
#908c39 rgb(144,140,57)
```
#a29d41
```
#a29d41 rgb(162,157,65)
```
#b4af48
```
#b4af48 rgb(180,175,72)
```
#bdb859
```
#bdb859 rgb(189,184,89)
```
#c4c06b
```
#c4c06b rgb(196,192,107)
```
#cbc87d
```
#cbc87d rgb(203,200,125)
```

Monochromatic Color

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

#b49448
```
#b49448 rgb(180,148,72)
```
#b49d48
```
#b49d48 rgb(180,157,72)
```
#b4a648
```
#b4a648 rgb(180,166,72)
```
#b4af48
```
#b4af48 rgb(180,175,72)
```
#b0b448
```
#b0b448 rgb(176,180,72)
```
#a7b448
```
#a7b448 rgb(167,180,72)
```
#9eb448
```
#9eb448 rgb(158,180,72)
```

Similar Colors

Text with hexadecimal color #b4af48

This text has a font color of #b4af48.

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

#b4af48 background color

This paragraph has a background color of #b4af48.

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

#b4af48 border color

This element has a border color of #b4af48.

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

CSS codes

.text {color:#b4af48;}

.background {background-color:#b4af48;}

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

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

#0c0c05
```
#0c0c05 rgb(12,12,5)
```
#1a190a
```
#1a190a rgb(26,25,10)
```
#282710
```
#282710 rgb(40,39,16)
```
#363416
```
#363416 rgb(54,52,22)
```
#44421b
```
#44421b rgb(68,66,27)
```
#525021
```
#525021 rgb(82,80,33)
```
#605d26
```
#605d26 rgb(96,93,38)
```
#6e6b2c
```
#6e6b2c rgb(110,107,44)
```
#7c7932
```
#7c7932 rgb(124,121,50)
```
#8a8637
```
#8a8637 rgb(138,134,55)
```
#98943d
```
#98943d rgb(152,148,61)
```
#a6a142
```
#a6a142 rgb(166,161,66)
```
#b4af48
```
#b4af48 rgb(180,175,72)
```

Shade Color Variation

#bbb655
```
#bbb655 rgb(187,182,85)
```
#c0bc63
```
#c0bc63 rgb(192,188,99)
```
#c6c271
```
#c6c271 rgb(198,194,113)
```
#ccc87f
```
#ccc87f rgb(204,200,127)
```
#d1ce8d
```
#d1ce8d rgb(209,206,141)
```
#d7d49b
```
#d7d49b rgb(215,212,155)
```
#dddaa9
```
#dddaa9 rgb(221,218,169)
```
#e2e0b7
```
#e2e0b7 rgb(226,224,183)
```
#e8e6c5
```
#e8e6c5 rgb(232,230,197)
```
#edecd3
```
#edecd3 rgb(237,236,211)
```
#f3f2e1
```
#f3f2e1 rgb(243,242,225)
```
#f9f8ef
```
#f9f8ef rgb(249,248,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#848378
```
#848378 rgb(132,131,120)
```
#8d8c6f
```
#8d8c6f rgb(141,140,111)
```
#979565
```
#979565 rgb(151,149,101)
```
#a19d5b
```
#a19d5b rgb(161,157,91)
```
#aaa652
```
#aaa652 rgb(170,166,82)
```
#b4af48
```
#b4af48 rgb(180,175,72)
```
#beb83e
```
#beb83e rgb(190,184,62)
```
#c7c135
```
#c7c135 rgb(199,193,53)
```
#d1c92b
```
#d1c92b rgb(209,201,43)
```
#dbd221
```
#dbd221 rgb(219,210,33)
```
#e4db18
```
#e4db18 rgb(228,219,24)
```
#eee40e
```
#eee40e rgb(238,228,14)
```
#f8ed04
```
#f8ed04 rgb(248,237,4)
```

Tone Color Variation

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

Dichromacy

#c2af50 Protanopia 1% of men
#d7a755 Deuteranopia 1% of men
#c2a8b4 Tritanopia 0.001% of the population

Trichromacy

#bdaf4d Protanomaly 1% of men, 0.01% of women
#caaa50 Deuteranomaly 6% of men, 0.4% of women
#bdab8d Tritanomaly 0.01% of the population

#b4af48 hex color

#b4af48 Color Information

#b4af48 Color Conversion

Color Schemes with #b4af48

Alternatives to #b4af48

#b4af48 Preview

Shades and Tints of #b4af48

Tones of #b4af48

Color Blindness Simulator