colorhexa.com

#b7af72 hex color

In a RGB color space, hex #b7af72 is composed of 71.8% red, 68.6% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 37.7% yellow and 28.2% black. It has a hue angle of 53 degrees, a saturation of 32.4% and a lightness of 58.2%. #b7af72 color hex could be obtained by blending #ffffe4 with #6f5f00. Closest websafe color is: #cc9966.

- R 72
- G 69
- B 45
RGB color chart
- C 0
- M 4
- Y 38
- K 28
CMYK color chart

● #b7af72 color description : Slightly desaturated yellow.

The hexadecimal color #b7af72 has RGB values of R:183, G:175, B:114 and CMYK values of C:0, M:0.04, Y:0.38, K:0.28. Its decimal value is 12038002.

Hex triplet	b7af72	`#b7af72`
RGB Decimal	183, 175, 114	`rgb(183,175,114)`
RGB Percent	71.8, 68.6, 44.7	`rgb(71.8%,68.6%,44.7%)`
CMYK	0, 4, 38, 28
HSL	53°, 32.4, 58.2	`hsl(53,32.4%,58.2%)`
HSV (or HSB)	53°, 37.7, 71.8
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.831, -6.27, 32.318
XYZ	37.895, 41.943, 22.018
xyY	0.372, 0.412, 41.943
CIE-LCH	70.831, 32.92, 100.979
CIE-LUV	70.831, 8.223, 42.896
Hunter-Lab	64.763, -8.889, 25.177
Binary	10110111, 10101111, 01110010

#b7af72
```
#b7af72 rgb(183,175,114)
```
#727ab7
```
#727ab7 rgb(114,122,183)
```

Complementary Color

#b78d72
```
#b78d72 rgb(183,141,114)
```
#b7af72
```
#b7af72 rgb(183,175,114)
```
#9db772
```
#9db772 rgb(157,183,114)
```

Analogous Color

#8d72b7
```
#8d72b7 rgb(141,114,183)
```
#b7af72
```
#b7af72 rgb(183,175,114)
```
#729db7
```
#729db7 rgb(114,157,183)
```

Split Complementary Color

#af72b7
```
#af72b7 rgb(175,114,183)
```
#b7af72
```
#b7af72 rgb(183,175,114)
```
#72b7af
```
#72b7af rgb(114,183,175)
```

Triadic Color

#b7727a
```
#b7727a rgb(183,114,122)
```
#b7af72
```
#b7af72 rgb(183,175,114)
```
#72b7af
```
#72b7af rgb(114,183,175)
```
#727ab7
```
#727ab7 rgb(114,122,183)
```

Tetradic Color

#928a4b
```
#928a4b rgb(146,138,75)
```
#a39a53
```
#a39a53 rgb(163,154,83)
```
#aea561
```
#aea561 rgb(174,165,97)
```
#b7af72
```
#b7af72 rgb(183,175,114)
```
#c0b983
```
#c0b983 rgb(192,185,131)
```
#c8c294
```
#c8c294 rgb(200,194,148)
```
#d1cca5
```
#d1cca5 rgb(209,204,165)
```

Monochromatic Color

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

#b79e72
```
#b79e72 rgb(183,158,114)
```
#b7a472
```
#b7a472 rgb(183,164,114)
```
#b7a972
```
#b7a972 rgb(183,169,114)
```
#b7af72
```
#b7af72 rgb(183,175,114)
```
#b7b572
```
#b7b572 rgb(183,181,114)
```
#b4b772
```
#b4b772 rgb(180,183,114)
```
#aeb772
```
#aeb772 rgb(174,183,114)
```

Similar Colors

Text with hexadecimal color #b7af72

This text has a font color of #b7af72.

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

#b7af72 background color

This paragraph has a background color of #b7af72.

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

#b7af72 border color

This element has a border color of #b7af72.

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

CSS codes

.text {color:#b7af72;}

.background {background-color:#b7af72;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f0e08
```
#0f0e08 rgb(15,14,8)
```
#1c1a0e
```
#1c1a0e rgb(28,26,14)
```
#292615
```
#292615 rgb(41,38,21)
```
#36331b
```
#36331b rgb(54,51,27)
```
#433f22
```
#433f22 rgb(67,63,34)
```
#504b29
```
#504b29 rgb(80,75,41)
```
#5d572f
```
#5d572f rgb(93,87,47)
```
#6a6436
```
#6a6436 rgb(106,100,54)
```
#77703d
```
#77703d rgb(119,112,61)
```
#847c43
```
#847c43 rgb(132,124,67)
```
#91884a
```
#91884a rgb(145,136,74)
```
#9e9551
```
#9e9551 rgb(158,149,81)
```

Shade Color Variation

#aaa058
```
#aaa058 rgb(170,160,88)
```
#b0a865
```
#b0a865 rgb(176,168,101)
```
#b7af72
```
#b7af72 rgb(183,175,114)
```
#beb67f
```
#beb67f rgb(190,182,127)
```
#c4be8c
```
#c4be8c rgb(196,190,140)
```
#cbc599
```
#cbc599 rgb(203,197,153)
```
#d2cca6
```
#d2cca6 rgb(210,204,166)
```
#d8d4b3
```
#d8d4b3 rgb(216,212,179)
```
#dfdbc0
```
#dfdbc0 rgb(223,219,192)
```
#e5e3cd
```
#e5e3cd rgb(229,227,205)
```
#eceada
```
#eceada rgb(236,234,218)
```
#f3f1e7
```
#f3f1e7 rgb(243,241,231)
```
#f9f9f4
```
#f9f9f4 rgb(249,249,244)
```

Tint Color Variation

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

#969693
```
#969693 rgb(150,150,147)
```
#9e9c8b
```
#9e9c8b rgb(158,156,139)
```
#a7a282
```
#a7a282 rgb(167,162,130)
```
#afa97a
```
#afa97a rgb(175,169,122)
```
#b7af72
```
#b7af72 rgb(183,175,114)
```
#bfb56a
```
#bfb56a rgb(191,181,106)
```
#c7bc62
```
#c7bc62 rgb(199,188,98)
```
#d0c259
```
#d0c259 rgb(208,194,89)
```
#d8c851
```
#d8c851 rgb(216,200,81)
```
#e0ce49
```
#e0ce49 rgb(224,206,73)
```
#e8d541
```
#e8d541 rgb(232,213,65)
```
#f0db39
```
#f0db39 rgb(240,219,57)
```
#f9e130
```
#f9e130 rgb(249,225,48)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#adab9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b178 Protanopia 1% of men
#d2aa7c Deuteranopia 1% of men
#c2abb7 Tritanopia 0.001% of the population

Trichromacy

#bcb076 Protanomaly 1% of men, 0.01% of women
#c8ac78 Deuteranomaly 6% of men, 0.4% of women
#beac9e Tritanomaly 0.01% of the population