#b2af82 hex color

In a RGB color space, hex #b2af82 is composed of 69.8% red, 68.6% green and 51% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.7% magenta, 27% yellow and 30.2% black. It has a hue angle of 56.3 degrees, a saturation of 23.8% and a lightness of 60.4%. #b2af82 color hex could be obtained by blending #ffffff with #655f05. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 70
- G 69
- B 51
RGB color chart
- C 0
- M 2
- Y 27
- K 30
CMYK color chart

● #b2af82 color description : Mostly desaturated dark yellow.

The hexadecimal color #b2af82 has RGB values of R:178, G:175, B:130 and CMYK values of C:0, M:0.02, Y:0.27, K:0.3. Its decimal value is 11710338.

Hex triplet	b2af82	`#b2af82`
RGB Decimal	178, 175, 130	`rgb(178,175,130)`
RGB Percent	69.8, 68.6, 51	`rgb(69.8%,68.6%,51%)`
CMYK	0, 2, 27, 30
HSL	56.3°, 23.8, 60.4	`hsl(56.3,23.8%,60.4%)`
HSV (or HSB)	56.3°, 27, 69.8
Web Safe	999999	`#999999`

CIE-LAB	70.689, -6.229, 23.524
XYZ	37.719, 41.737, 27.187
xyY	0.354, 0.391, 41.737
CIE-LCH	70.689, 24.335, 104.831
CIE-LUV	70.689, 4.214, 32.754
Hunter-Lab	64.604, -8.841, 20.272
Binary	10110010, 10101111, 10000010

#b2af82
```
#b2af82 rgb(178,175,130)
```
#8285b2
```
#8285b2 rgb(130,133,178)
```

Complementary Color

#b29782
```
#b29782 rgb(178,151,130)
```
#b2af82
```
#b2af82 rgb(178,175,130)
```
#9db282
```
#9db282 rgb(157,178,130)
```

Analogous Color

#9782b2
```
#9782b2 rgb(151,130,178)
```
#b2af82
```
#b2af82 rgb(178,175,130)
```
#829db2
```
#829db2 rgb(130,157,178)
```

Split Complementary Color

#af82b2
```
#af82b2 rgb(175,130,178)
```
#b2af82
```
#b2af82 rgb(178,175,130)
```
#82b2af
```
#82b2af rgb(130,178,175)
```

Triadic Color

#b28285
```
#b28285 rgb(178,130,133)
```
#b2af82
```
#b2af82 rgb(178,175,130)
```
#82b2af
```
#82b2af rgb(130,178,175)
```
#8285b2
```
#8285b2 rgb(130,133,178)
```

Tetradic Color

#8f8c58
```
#8f8c58 rgb(143,140,88)
```
#9f9b62
```
#9f9b62 rgb(159,155,98)
```
#a8a572
```
#a8a572 rgb(168,165,114)
```
#b2af82
```
#b2af82 rgb(178,175,130)
```
#bcb992
```
#bcb992 rgb(188,185,146)
```
#c5c3a2
```
#c5c3a2 rgb(197,195,162)
```
#cfcdb1
```
#cfcdb1 rgb(207,205,177)
```

Monochromatic Color

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

#b2a382
```
#b2a382 rgb(178,163,130)
```
#b2a782
```
#b2a782 rgb(178,167,130)
```
#b2ab82
```
#b2ab82 rgb(178,171,130)
```
#b2af82
```
#b2af82 rgb(178,175,130)
```
#b1b282
```
#b1b282 rgb(177,178,130)
```
#adb282
```
#adb282 rgb(173,178,130)
```
#a9b282
```
#a9b282 rgb(169,178,130)
```

Similar Colors

Text with hexadecimal color #b2af82

This text has a font color of #b2af82.

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

#b2af82 background color

This paragraph has a background color of #b2af82.

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

#b2af82 border color

This element has a border color of #b2af82.

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

CSS codes

.text {color:#b2af82;}

.background {background-color:#b2af82;}

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

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

#090805
```
#090805 rgb(9,8,5)
```
#15140d
```
#15140d rgb(21,20,13)
```
#212014
```
#212014 rgb(33,32,20)
```
#2d2c1c
```
#2d2c1c rgb(45,44,28)
```
#393823
```
#393823 rgb(57,56,35)
```
#45442b
```
#45442b rgb(69,68,43)
```
#514f32
```
#514f32 rgb(81,79,50)
```
#5d5b3a
```
#5d5b3a rgb(93,91,58)
```
#6a6741
```
#6a6741 rgb(106,103,65)
```
#767349
```
#767349 rgb(118,115,73)
```
#827f50
```
#827f50 rgb(130,127,80)
```
#8e8b57
```
#8e8b57 rgb(142,139,87)
```
#9a965f
```
#9a965f rgb(154,150,95)
```

Shade Color Variation

#a39f6a
```
#a39f6a rgb(163,159,106)
```
#aba776
```
#aba776 rgb(171,167,118)
```
#b2af82
```
#b2af82 rgb(178,175,130)
```
#b9b78e
```
#b9b78e rgb(185,183,142)
```
#c1bf9a
```
#c1bf9a rgb(193,191,154)
```
#c8c6a6
```
#c8c6a6 rgb(200,198,166)
```
#d0ceb3
```
#d0ceb3 rgb(208,206,179)
```
#d7d6bf
```
#d7d6bf rgb(215,214,191)
```
#dfdecb
```
#dfdecb rgb(223,222,203)
```
#e6e5d7
```
#e6e5d7 rgb(230,229,215)
```
#eeede3
```
#eeede3 rgb(238,237,227)
```
#f5f5ef
```
#f5f5ef rgb(245,245,239)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#9b9b99
```
#9b9b99 rgb(155,155,153)
```
#a2a192
```
#a2a192 rgb(162,161,146)
```
#aaa88a
```
#aaa88a rgb(170,168,138)
```
#b2af82
```
#b2af82 rgb(178,175,130)
```
#bab67a
```
#bab67a rgb(186,182,122)
```
#c2bd72
```
#c2bd72 rgb(194,189,114)
```
#c9c36b
```
#c9c36b rgb(201,195,107)
```
#d1ca63
```
#d1ca63 rgb(209,202,99)
```
#d9d15b
```
#d9d15b rgb(217,209,91)
```
#e1d853
```
#e1d853 rgb(225,216,83)
```
#e8df4c
```
#e8df4c rgb(232,223,76)
```
#f0e544
```
#f0e544 rgb(240,229,68)
```
#f8ec3c
```
#f8ec3c rgb(248,236,60)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#acaca3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb087 Protanopia 1% of men
#ceaa8b Deuteranopia 1% of men
#bcacb8 Tritanopia 0.001% of the population

Trichromacy

#b9b085 Protanomaly 1% of men, 0.01% of women
#c4ac87 Deuteranomaly 6% of men, 0.4% of women
#b8ada4 Tritanomaly 0.01% of the population

#b2af82 hex color

#b2af82 Color Information

#b2af82 Color Conversion

Color Schemes with #b2af82

Alternatives to #b2af82

#b2af82 Preview

Shades and Tints of #b2af82

Tones of #b2af82

Color Blindness Simulator