#b2ba86 hex color

In a RGB color space, hex #b2ba86 is composed of 69.8% red, 72.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 0% magenta, 28% yellow and 27.1% black. It has a hue angle of 69.2 degrees, a saturation of 27.4% and a lightness of 62.7%. #b2ba86 color hex could be obtained by blending #ffffff with #65750d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 70
- G 73
- B 53
RGB color chart
- C 4
- M 0
- Y 28
- K 27
CMYK color chart

● #b2ba86 color description : Slightly desaturated yellow.

The hexadecimal color #b2ba86 has RGB values of R:178, G:186, B:134 and CMYK values of C:0.04, M:0, Y:0.28, K:0.27. Its decimal value is 11713158.

Hex triplet	b2ba86	`#b2ba86`
RGB Decimal	178, 186, 134	`rgb(178,186,134)`
RGB Percent	69.8, 72.9, 52.5	`rgb(69.8%,72.9%,52.5%)`
CMYK	4, 0, 28, 27
HSL	69.2°, 27.4, 62.7	`hsl(69.2,27.4%,62.7%)`
HSV (or HSB)	69.2°, 28, 72.9
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.742, -11.437, 25.501
XYZ	40.221, 46.304, 29.372
xyY	0.347, 0.4, 46.304
CIE-LCH	73.742, 27.949, 114.155
CIE-LUV	73.742, -2.233, 36.515
Hunter-Lab	68.047, -13.575, 22.041
Binary	10110010, 10111010, 10000110

#b2ba86
```
#b2ba86 rgb(178,186,134)
```
#8e86ba
```
#8e86ba rgb(142,134,186)
```

Complementary Color

#baa886
```
#baa886 rgb(186,168,134)
```
#b2ba86
```
#b2ba86 rgb(178,186,134)
```
#98ba86
```
#98ba86 rgb(152,186,134)
```

Analogous Color

#a886ba
```
#a886ba rgb(168,134,186)
```
#b2ba86
```
#b2ba86 rgb(178,186,134)
```
#8698ba
```
#8698ba rgb(134,152,186)
```

Split Complementary Color

#ba86b2
```
#ba86b2 rgb(186,134,178)
```
#b2ba86
```
#b2ba86 rgb(178,186,134)
```
#86b2ba
```
#86b2ba rgb(134,178,186)
```

Triadic Color

#ba8e86
```
#ba8e86 rgb(186,142,134)
```
#b2ba86
```
#b2ba86 rgb(178,186,134)
```
#86b2ba
```
#86b2ba rgb(134,178,186)
```
#8e86ba
```
#8e86ba rgb(142,134,186)
```

Tetradic Color

#919b58
```
#919b58 rgb(145,155,88)
```
#9da766
```
#9da766 rgb(157,167,102)
```
#a8b176
```
#a8b176 rgb(168,177,118)
```
#b2ba86
```
#b2ba86 rgb(178,186,134)
```
#bcc396
```
#bcc396 rgb(188,195,150)
```
#c7cda6
```
#c7cda6 rgb(199,205,166)
```
#d1d6b7
```
#d1d6b7 rgb(209,214,183)
```

Monochromatic Color

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

#bab586
```
#bab586 rgb(186,181,134)
```
#bab986
```
#bab986 rgb(186,185,134)
```
#b6ba86
```
#b6ba86 rgb(182,186,134)
```
#b2ba86
```
#b2ba86 rgb(178,186,134)
```
#aeba86
```
#aeba86 rgb(174,186,134)
```
#a9ba86
```
#a9ba86 rgb(169,186,134)
```
#a5ba86
```
#a5ba86 rgb(165,186,134)
```

Similar Colors

Text with hexadecimal color #b2ba86

This text has a font color of #b2ba86.

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

#b2ba86 background color

This paragraph has a background color of #b2ba86.

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

#b2ba86 border color

This element has a border color of #b2ba86.

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

CSS codes

.text {color:#b2ba86;}

.background {background-color:#b2ba86;}

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

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

#040402
```
#040402 rgb(4,4,2)
```
#0f1009
```
#0f1009 rgb(15,16,9)
```
#1b1d10
```
#1b1d10 rgb(27,29,16)
```
#272918
```
#272918 rgb(39,41,24)
```
#32361f
```
#32361f rgb(50,54,31)
```
#3e4226
```
#3e4226 rgb(62,66,38)
```
#4a4f2d
```
#4a4f2d rgb(74,79,45)
```
#555b34
```
#555b34 rgb(85,91,52)
```
#61683b
```
#61683b rgb(97,104,59)
```
#6d7442
```
#6d7442 rgb(109,116,66)
```
#788149
```
#788149 rgb(120,129,73)
```
#848d51
```
#848d51 rgb(132,141,81)
```
#909a58
```
#909a58 rgb(144,154,88)
```

Shade Color Variation

#9aa561
```
#9aa561 rgb(154,165,97)
```
#a2ac6d
```
#a2ac6d rgb(162,172,109)
```
#aab37a
```
#aab37a rgb(170,179,122)
```
#b2ba86
```
#b2ba86 rgb(178,186,134)
```
#bac192
```
#bac192 rgb(186,193,146)
```
#c2c89f
```
#c2c89f rgb(194,200,159)
```
#cacfab
```
#cacfab rgb(202,207,171)
```
#d2d6b8
```
#d2d6b8 rgb(210,214,184)
```
#dadec4
```
#dadec4 rgb(218,222,196)
```
#e2e5d1
```
#e2e5d1 rgb(226,229,209)
```
#eaecdd
```
#eaecdd rgb(234,236,221)
```
#f2f3ea
```
#f2f3ea rgb(242,243,234)
```
#fafaf6
```
#fafaf6 rgb(250,250,246)
```

Tint Color Variation

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

#a3a49c
```
#a3a49c rgb(163,164,156)
```
#a8ab95
```
#a8ab95 rgb(168,171,149)
```
#adb38d
```
#adb38d rgb(173,179,141)
```
#b2ba86
```
#b2ba86 rgb(178,186,134)
```
#b7c17f
```
#b7c17f rgb(183,193,127)
```
#bcc977
```
#bcc977 rgb(188,201,119)
```
#c1d070
```
#c1d070 rgb(193,208,112)
```
#c6d769
```
#c6d769 rgb(198,215,105)
```
#cbdf61
```
#cbdf61 rgb(203,223,97)
```
#d0e65a
```
#d0e65a rgb(208,230,90)
```
#d5ed53
```
#d5ed53 rgb(213,237,83)
```
#daf44c
```
#daf44c rgb(218,244,76)
```
#e0fc44
```
#e0fc44 rgb(224,252,68)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b2b4a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b88a Protanopia 1% of men
#d8b28f Deuteranopia 1% of men
#beb6c3 Tritanopia 0.001% of the population

Trichromacy

#beb988 Protanomaly 1% of men, 0.01% of women
#cab48c Deuteranomaly 6% of men, 0.4% of women
#b9b7ac Tritanomaly 0.01% of the population

#b2ba86 hex color

#b2ba86 Color Information

#b2ba86 Color Conversion

Color Schemes with #b2ba86

Alternatives to #b2ba86

#b2ba86 Preview

Shades and Tints of #b2ba86

Tones of #b2ba86

Color Blindness Simulator