colorhexa.com

#b7af80 hex color

In a RGB color space, hex #b7af80 is composed of 71.8% red, 68.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 30.1% yellow and 28.2% black. It has a hue angle of 51.3 degrees, a saturation of 27.6% and a lightness of 61%. #b7af80 color hex could be obtained by blending #ffffff with #6f5f01. Closest websafe color is: #cc9999.

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

● #b7af80 color description : Slightly desaturated yellow.

The hexadecimal color #b7af80 has RGB values of R:183, G:175, B:128 and CMYK values of C:0, M:0.04, Y:0.3, K:0.28. Its decimal value is 12038016.

Hex triplet	b7af80	`#b7af80`
RGB Decimal	183, 175, 128	`rgb(183,175,128)`
RGB Percent	71.8, 68.6, 50.2	`rgb(71.8%,68.6%,50.2%)`
CMYK	0, 4, 30, 28
HSL	51.3°, 27.6, 61	`hsl(51.3,27.6%,61%)`
HSV (or HSB)	51.3°, 30.1, 71.8
Web Safe	cc9999	`#cc9999`

CIE-LAB	71.068, -4.529, 25.182
XYZ	38.754, 42.286, 26.541
xyY	0.36, 0.393, 42.286
CIE-LCH	71.068, 25.586, 100.196
CIE-LUV	71.068, 7.497, 34.458
Hunter-Lab	65.028, -7.42, 21.32
Binary	10110111, 10101111, 10000000

#b7af80
```
#b7af80 rgb(183,175,128)
```
#8088b7
```
#8088b7 rgb(128,136,183)
```

Complementary Color

#b79480
```
#b79480 rgb(183,148,128)
```
#b7af80
```
#b7af80 rgb(183,175,128)
```
#a4b780
```
#a4b780 rgb(164,183,128)
```

Analogous Color

#9480b7
```
#9480b7 rgb(148,128,183)
```
#b7af80
```
#b7af80 rgb(183,175,128)
```
#80a4b7
```
#80a4b7 rgb(128,164,183)
```

Split Complementary Color

#af80b7
```
#af80b7 rgb(175,128,183)
```
#b7af80
```
#b7af80 rgb(183,175,128)
```
#80b7af
```
#80b7af rgb(128,183,175)
```

Triadic Color

#b78088
```
#b78088 rgb(183,128,136)
```
#b7af80
```
#b7af80 rgb(183,175,128)
```
#80b7af
```
#80b7af rgb(128,183,175)
```
#8088b7
```
#8088b7 rgb(128,136,183)
```

Tetradic Color

#968c55
```
#968c55 rgb(150,140,85)
```
#a59a5f
```
#a59a5f rgb(165,154,95)
```
#aea570
```
#aea570 rgb(174,165,112)
```
#b7af80
```
#b7af80 rgb(183,175,128)
```
#c0b990
```
#c0b990 rgb(192,185,144)
```
#c9c4a1
```
#c9c4a1 rgb(201,196,161)
```
#d3ceb1
```
#d3ceb1 rgb(211,206,177)
```

Monochromatic Color

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

#b7a180
```
#b7a180 rgb(183,161,128)
```
#b7a680
```
#b7a680 rgb(183,166,128)
```
#b7aa80
```
#b7aa80 rgb(183,170,128)
```
#b7af80
```
#b7af80 rgb(183,175,128)
```
#b7b480
```
#b7b480 rgb(183,180,128)
```
#b6b780
```
#b6b780 rgb(182,183,128)
```
#b1b780
```
#b1b780 rgb(177,183,128)
```

Similar Colors

Text with hexadecimal color #b7af80

This text has a font color of #b7af80.

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

#b7af80 background color

This paragraph has a background color of #b7af80.

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

#b7af80 border color

This element has a border color of #b7af80.

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

CSS codes

.text {color:#b7af80;}

.background {background-color:#b7af80;}

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

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

#0b0a06
```
#0b0a06 rgb(11,10,6)
```
#17160d
```
#17160d rgb(23,22,13)
```
#242114
```
#242114 rgb(36,33,20)
```
#302d1b
```
#302d1b rgb(48,45,27)
```
#3d3922
```
#3d3922 rgb(61,57,34)
```
#49452a
```
#49452a rgb(73,69,42)
```
#565031
```
#565031 rgb(86,80,49)
```
#625c38
```
#625c38 rgb(98,92,56)
```
#6f683f
```
#6f683f rgb(111,104,63)
```
#7b7446
```
#7b7446 rgb(123,116,70)
```
#887f4d
```
#887f4d rgb(136,127,77)
```
#948b54
```
#948b54 rgb(148,139,84)
```
#a1975b
```
#a1975b rgb(161,151,91)
```

Shade Color Variation

#a99f67
```
#a99f67 rgb(169,159,103)
```
#b0a773
```
#b0a773 rgb(176,167,115)
```
#b7af80
```
#b7af80 rgb(183,175,128)
```
#beb78d
```
#beb78d rgb(190,183,141)
```
#c5bf99
```
#c5bf99 rgb(197,191,153)
```
#ccc7a6
```
#ccc7a6 rgb(204,199,166)
```
#d3cfb2
```
#d3cfb2 rgb(211,207,178)
```
#dad6bf
```
#dad6bf rgb(218,214,191)
```
#e2decb
```
#e2decb rgb(226,222,203)
```
#e9e6d8
```
#e9e6d8 rgb(233,230,216)
```
#f0eee4
```
#f0eee4 rgb(240,238,228)
```
#f7f6f1
```
#f7f6f1 rgb(247,246,241)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#a09f97
```
#a09f97 rgb(160,159,151)
```
#a8a48f
```
#a8a48f rgb(168,164,143)
```
#afaa88
```
#afaa88 rgb(175,170,136)
```
#b7af80
```
#b7af80 rgb(183,175,128)
```
#bfb478
```
#bfb478 rgb(191,180,120)
```
#c6ba71
```
#c6ba71 rgb(198,186,113)
```
#cebf69
```
#cebf69 rgb(206,191,105)
```
#d6c561
```
#d6c561 rgb(214,197,97)
```
#ddca5a
```
#ddca5a rgb(221,202,90)
```
#e5d052
```
#e5d052 rgb(229,208,82)
```
#edd54a
```
#edd54a rgb(237,213,74)
```
#f4da43
```
#f4da43 rgb(244,218,67)
```
#fce03b
```
#fce03b rgb(252,224,59)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#aeada3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb186 Protanopia 1% of men
#d0ab89 Deuteranopia 1% of men
#c1acb8 Tritanopia 0.001% of the population

Trichromacy

#bbb083 Protanomaly 1% of men, 0.01% of women
#c7ac85 Deuteranomaly 6% of men, 0.4% of women
#bdada4 Tritanomaly 0.01% of the population