#b7af87 hex color

In a RGB color space, hex #b7af87 is composed of 71.8% red, 68.6% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 26.2% yellow and 28.2% black. It has a hue angle of 50 degrees, a saturation of 25% and a lightness of 62.4%. #b7af87 color hex could be obtained by blending #ffffff with #6f5f0f. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 72
- G 69
- B 53
RGB color chart
- C 0
- M 4
- Y 26
- K 28
CMYK color chart

● #b7af87 color description : Slightly desaturated yellow.

The hexadecimal color #b7af87 has RGB values of R:183, G:175, B:135 and CMYK values of C:0, M:0.04, Y:0.26, K:0.28. Its decimal value is 12038023.

Hex triplet	b7af87	`#b7af87`
RGB Decimal	183, 175, 135	`rgb(183,175,135)`
RGB Percent	71.8, 68.6, 52.9	`rgb(71.8%,68.6%,52.9%)`
CMYK	0, 4, 26, 28
HSL	50°, 25, 62.4	`hsl(50,25%,62.4%)`
HSV (or HSB)	50°, 26.2, 71.8
Web Safe	cc9999	`#cc9999`

CIE-LAB	71.199, -3.578, 21.585
XYZ	39.231, 42.477, 29.053
xyY	0.354, 0.384, 42.477
CIE-LCH	71.199, 21.88, 99.413
CIE-LUV	71.199, 7.109, 29.939
Hunter-Lab	65.174, -6.609, 19.193
Binary	10110111, 10101111, 10000111

#b7af87
```
#b7af87 rgb(183,175,135)
```
#878fb7
```
#878fb7 rgb(135,143,183)
```

Complementary Color

#b79787
```
#b79787 rgb(183,151,135)
```
#b7af87
```
#b7af87 rgb(183,175,135)
```
#a7b787
```
#a7b787 rgb(167,183,135)
```

Analogous Color

#9787b7
```
#9787b7 rgb(151,135,183)
```
#b7af87
```
#b7af87 rgb(183,175,135)
```
#87a7b7
```
#87a7b7 rgb(135,167,183)
```

Split Complementary Color

#af87b7
```
#af87b7 rgb(175,135,183)
```
#b7af87
```
#b7af87 rgb(183,175,135)
```
#87b7af
```
#87b7af rgb(135,183,175)
```

Triadic Color

#b7878f
```
#b7878f rgb(183,135,143)
```
#b7af87
```
#b7af87 rgb(183,175,135)
```
#87b7af
```
#87b7af rgb(135,183,175)
```
#878fb7
```
#878fb7 rgb(135,143,183)
```

Tetradic Color

#978d5b
```
#978d5b rgb(151,141,91)
```
#a49a67
```
#a49a67 rgb(164,154,103)
```
#ada477
```
#ada477 rgb(173,164,119)
```
#b7af87
```
#b7af87 rgb(183,175,135)
```
#c1ba97
```
#c1ba97 rgb(193,186,151)
```
#cac4a7
```
#cac4a7 rgb(202,196,167)
```
#d4cfb7
```
#d4cfb7 rgb(212,207,183)
```

Monochromatic Color

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

#b7a387
```
#b7a387 rgb(183,163,135)
```
#b7a787
```
#b7a787 rgb(183,167,135)
```
#b7ab87
```
#b7ab87 rgb(183,171,135)
```
#b7af87
```
#b7af87 rgb(183,175,135)
```
#b7b387
```
#b7b387 rgb(183,179,135)
```
#b7b787
```
#b7b787 rgb(183,183,135)
```
#b3b787
```
#b3b787 rgb(179,183,135)
```

Similar Colors

Text with hexadecimal color #b7af87

This text has a font color of #b7af87.

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

#b7af87 background color

This paragraph has a background color of #b7af87.

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

#b7af87 border color

This element has a border color of #b7af87.

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

CSS codes

.text {color:#b7af87;}

.background {background-color:#b7af87;}

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

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

#030202
```
#030202 rgb(3,2,2)
```
#0f0e09
```
#0f0e09 rgb(15,14,9)
```
#1b1910
```
#1b1910 rgb(27,25,16)
```
#272518
```
#272518 rgb(39,37,24)
```
#34301f
```
#34301f rgb(52,48,31)
```
#403c26
```
#403c26 rgb(64,60,38)
```
#4c472e
```
#4c472e rgb(76,71,46)
```
#585335
```
#585335 rgb(88,83,53)
```
#655e3c
```
#655e3c rgb(101,94,60)
```
#716944
```
#716944 rgb(113,105,68)
```
#7d754b
```
#7d754b rgb(125,117,75)
```
#898052
```
#898052 rgb(137,128,82)
```
#968c5a
```
#968c5a rgb(150,140,90)
```

Shade Color Variation

#a19662
```
#a19662 rgb(161,150,98)
```
#a89f6e
```
#a89f6e rgb(168,159,110)
```
#b0a77b
```
#b0a77b rgb(176,167,123)
```
#b7af87
```
#b7af87 rgb(183,175,135)
```
#beb793
```
#beb793 rgb(190,183,147)
```
#c6bfa0
```
#c6bfa0 rgb(198,191,160)
```
#cdc8ac
```
#cdc8ac rgb(205,200,172)
```
#d4d0b8
```
#d4d0b8 rgb(212,208,184)
```
#dcd8c4
```
#dcd8c4 rgb(220,216,196)
```
#e3e0d1
```
#e3e0d1 rgb(227,224,209)
```
#eae8dd
```
#eae8dd rgb(234,232,221)
```
#f2f0e9
```
#f2f0e9 rgb(242,240,233)
```
#f9f9f5
```
#f9f9f5 rgb(249,249,245)
```

Tint Color Variation

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

#a1a09d
```
#a1a09d rgb(161,160,157)
```
#a8a596
```
#a8a596 rgb(168,165,150)
```
#b0aa8e
```
#b0aa8e rgb(176,170,142)
```
#b7af87
```
#b7af87 rgb(183,175,135)
```
#beb480
```
#beb480 rgb(190,180,128)
```
#c6b978
```
#c6b978 rgb(198,185,120)
```
#cdbe71
```
#cdbe71 rgb(205,190,113)
```
#d5c369
```
#d5c369 rgb(213,195,105)
```
#dcc862
```
#dcc862 rgb(220,200,98)
```
#e3cd5b
```
#e3cd5b rgb(227,205,91)
```
#ebd153
```
#ebd153 rgb(235,209,83)
```
#f2d64c
```
#f2d64c rgb(242,214,76)
```
#f9db45
```
#f9db45 rgb(249,219,69)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#afada5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb28c Protanopia 1% of men
#cfab8f Deuteranopia 1% of men
#c1adb9 Tritanopia 0.001% of the population

Trichromacy

#bbb18a Protanomaly 1% of men, 0.01% of women
#c6ad8c Deuteranomaly 6% of men, 0.4% of women
#bdada7 Tritanomaly 0.01% of the population

#b7af87 hex color

#b7af87 Color Information

#b7af87 Color Conversion

Color Schemes with #b7af87

Alternatives to #b7af87

#b7af87 Preview

Shades and Tints of #b7af87

Tones of #b7af87

Color Blindness Simulator