#b2ba6c hex color

In a RGB color space, hex #b2ba6c is composed of 69.8% red, 72.9% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 0% magenta, 41.9% yellow and 27.1% black. It has a hue angle of 66.2 degrees, a saturation of 36.1% and a lightness of 57.6%. #b2ba6c color hex could be obtained by blending #ffffd8 with #657500. Closest websafe color is: #99cc66.

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

● #b2ba6c color description : Slightly desaturated yellow.

The hexadecimal color #b2ba6c has RGB values of R:178, G:186, B:108 and CMYK values of C:0.04, M:0, Y:0.42, K:0.27. Its decimal value is 11713132.

Hex triplet	b2ba6c	`#b2ba6c`
RGB Decimal	178, 186, 108	`rgb(178,186,108)`
RGB Percent	69.8, 72.9, 42.4	`rgb(69.8%,72.9%,42.4%)`
CMYK	4, 0, 42, 27
HSL	66.2°, 36.1, 57.6	`hsl(66.2,36.1%,57.6%)`
HSV (or HSB)	66.2°, 41.9, 72.9
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.328, -14.683, 38.523
XYZ	38.625, 45.666, 20.966
xyY	0.367, 0.434, 45.666
CIE-LCH	73.328, 41.226, 110.865
CIE-LUV	73.328, -1.335, 51.681
Hunter-Lab	67.576, -16.232, 28.908
Binary	10110010, 10111010, 01101100

#b2ba6c
```
#b2ba6c rgb(178,186,108)
```
#746cba
```
#746cba rgb(116,108,186)
```

Complementary Color

#ba9b6c
```
#ba9b6c rgb(186,155,108)
```
#b2ba6c
```
#b2ba6c rgb(178,186,108)
```
#8bba6c
```
#8bba6c rgb(139,186,108)
```

Analogous Color

#9b6cba
```
#9b6cba rgb(155,108,186)
```
#b2ba6c
```
#b2ba6c rgb(178,186,108)
```
#6c8bba
```
#6c8bba rgb(108,139,186)
```

Split Complementary Color

#ba6cb2
```
#ba6cb2 rgb(186,108,178)
```
#b2ba6c
```
#b2ba6c rgb(178,186,108)
```
#6cb2ba
```
#6cb2ba rgb(108,178,186)
```

Triadic Color

#ba746c
```
#ba746c rgb(186,116,108)
```
#b2ba6c
```
#b2ba6c rgb(178,186,108)
```
#6cb2ba
```
#6cb2ba rgb(108,178,186)
```
#746cba
```
#746cba rgb(116,108,186)
```

Tetradic Color

#8c9445
```
#8c9445 rgb(140,148,69)
```
#9ca54e
```
#9ca54e rgb(156,165,78)
```
#a9b25b
```
#a9b25b rgb(169,178,91)
```
#b2ba6c
```
#b2ba6c rgb(178,186,108)
```
#bbc27d
```
#bbc27d rgb(187,194,125)
```
#c4ca8f
```
#c4ca8f rgb(196,202,143)
```
#cdd2a0
```
#cdd2a0 rgb(205,210,160)
```

Monochromatic Color

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

#baaf6c
```
#baaf6c rgb(186,175,108)
```
#bab56c
```
#bab56c rgb(186,181,108)
```
#b9ba6c
```
#b9ba6c rgb(185,186,108)
```
#b2ba6c
```
#b2ba6c rgb(178,186,108)
```
#acba6c
```
#acba6c rgb(172,186,108)
```
#a5ba6c
```
#a5ba6c rgb(165,186,108)
```
#9fba6c
```
#9fba6c rgb(159,186,108)
```

Similar Colors

Text with hexadecimal color #b2ba6c

This text has a font color of #b2ba6c.

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

#b2ba6c background color

This paragraph has a background color of #b2ba6c.

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

#b2ba6c border color

This element has a border color of #b2ba6c.

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

CSS codes

.text {color:#b2ba6c;}

.background {background-color:#b2ba6c;}

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

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

#0c0d06
```
#0c0d06 rgb(12,13,6)
```
#191b0c
```
#191b0c rgb(25,27,12)
```
#262813
```
#262813 rgb(38,40,19)
```
#323519
```
#323519 rgb(50,53,25)
```
#3f431f
```
#3f431f rgb(63,67,31)
```
#4c5026
```
#4c5026 rgb(76,80,38)
```
#585d2c
```
#585d2c rgb(88,93,44)
```
#656b32
```
#656b32 rgb(101,107,50)
```
#717838
```
#717838 rgb(113,120,56)
```
#7e853f
```
#7e853f rgb(126,133,63)
```
#8b9345
```
#8b9345 rgb(139,147,69)
```
#97a04b
```
#97a04b rgb(151,160,75)
```
#a4ad51
```
#a4ad51 rgb(164,173,81)
```

Shade Color Variation

#abb45f
```
#abb45f rgb(171,180,95)
```
#b2ba6c
```
#b2ba6c rgb(178,186,108)
```
#b9c079
```
#b9c079 rgb(185,192,121)
```
#c0c787
```
#c0c787 rgb(192,199,135)
```
#c7cd94
```
#c7cd94 rgb(199,205,148)
```
#ced3a1
```
#ced3a1 rgb(206,211,161)
```
#d5d9af
```
#d5d9af rgb(213,217,175)
```
#dce0bc
```
#dce0bc rgb(220,224,188)
```
#e3e6c9
```
#e3e6c9 rgb(227,230,201)
```
#eaecd7
```
#eaecd7 rgb(234,236,215)
```
#f1f2e4
```
#f1f2e4 rgb(241,242,228)
```
#f8f9f1
```
#f8f9f1 rgb(248,249,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#98998d
```
#98998d rgb(152,153,141)
```
#9ea185
```
#9ea185 rgb(158,161,133)
```
#a5a97d
```
#a5a97d rgb(165,169,125)
```
#abb274
```
#abb274 rgb(171,178,116)
```
#b2ba6c
```
#b2ba6c rgb(178,186,108)
```
#b9c264
```
#b9c264 rgb(185,194,100)
```
#bfcb5b
```
#bfcb5b rgb(191,203,91)
```
#c6d353
```
#c6d353 rgb(198,211,83)
```
#ccdb4b
```
#ccdb4b rgb(204,219,75)
```
#d3e442
```
#d3e442 rgb(211,228,66)
```
#daec3a
```
#daec3a rgb(218,236,58)
```
#e0f432
```
#e0f432 rgb(224,244,50)
```
#e7fc2a
```
#e7fc2a rgb(231,252,42)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b0b1a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b771 Protanopia 1% of men
#dcb077 Deuteranopia 1% of men
#c0b4c1 Tritanopia 0.001% of the population

Trichromacy

#c0b86f Protanomaly 1% of men, 0.01% of women
#ccb373 Deuteranomaly 6% of men, 0.4% of women
#bbb6a2 Tritanomaly 0.01% of the population

#b2ba6c hex color

#b2ba6c Color Information

#b2ba6c Color Conversion

Color Schemes with #b2ba6c

Alternatives to #b2ba6c

#b2ba6c Preview

Shades and Tints of #b2ba6c

Tones of #b2ba6c

Color Blindness Simulator