#b7ba56 hex color

In a RGB color space, hex #b7ba56 is composed of 71.8% red, 72.9% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 0% magenta, 53.8% yellow and 27.1% black. It has a hue angle of 61.8 degrees, a saturation of 42% and a lightness of 53.3%. #b7ba56 color hex could be obtained by blending #ffffac with #6f7500. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 72
- G 73
- B 34
RGB color chart
- C 2
- M 0
- Y 54
- K 27
CMYK color chart

● #b7ba56 color description : Moderate yellow.

The hexadecimal color #b7ba56 has RGB values of R:183, G:186, B:86 and CMYK values of C:0.02, M:0, Y:0.54, K:0.27. Its decimal value is 12040790.

Hex triplet	b7ba56	`#b7ba56`
RGB Decimal	183, 186, 86	`rgb(183,186,86)`
RGB Percent	71.8, 72.9, 33.7	`rgb(71.8%,72.9%,33.7%)`
CMYK	2, 0, 54, 27
HSL	61.8°, 42, 53.3	`hsl(61.8,42%,53.3%)`
HSV (or HSB)	61.8°, 53.8, 72.9
Web Safe	cccc66	`#cccc66`

CIE-LAB	73.453, -14.769, 49.548
XYZ	38.767, 45.857, 15.613
xyY	0.387, 0.457, 45.857
CIE-LCH	73.453, 51.702, 106.598
CIE-LUV	73.453, 2.524, 62.313
Hunter-Lab	67.718, -16.32, 33.733
Binary	10110111, 10111010, 01010110

#b7ba56
```
#b7ba56 rgb(183,186,86)
```
#5956ba
```
#5956ba rgb(89,86,186)
```

Complementary Color

#ba8b56
```
#ba8b56 rgb(186,139,86)
```
#b7ba56
```
#b7ba56 rgb(183,186,86)
```
#85ba56
```
#85ba56 rgb(133,186,86)
```

Analogous Color

#8b56ba
```
#8b56ba rgb(139,86,186)
```
#b7ba56
```
#b7ba56 rgb(183,186,86)
```
#5685ba
```
#5685ba rgb(86,133,186)
```

Split Complementary Color

#ba56b7
```
#ba56b7 rgb(186,86,183)
```
#b7ba56
```
#b7ba56 rgb(183,186,86)
```
#56b7ba
```
#56b7ba rgb(86,183,186)
```

Triadic Color

#ba5956
```
#ba5956 rgb(186,89,86)
```
#b7ba56
```
#b7ba56 rgb(183,186,86)
```
#56b7ba
```
#56b7ba rgb(86,183,186)
```
#5956ba
```
#5956ba rgb(89,86,186)
```

Tetradic Color

#888b39
```
#888b39 rgb(136,139,57)
```
#9a9d40
```
#9a9d40 rgb(154,157,64)
```
#acaf47
```
#acaf47 rgb(172,175,71)
```
#b7ba56
```
#b7ba56 rgb(183,186,86)
```
#bfc168
```
#bfc168 rgb(191,193,104)
```
#c6c97a
```
#c6c97a rgb(198,201,122)
```
#ced08c
```
#ced08c rgb(206,208,140)
```

Monochromatic Color

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

#baa456
```
#baa456 rgb(186,164,86)
```
#baac56
```
#baac56 rgb(186,172,86)
```
#bab556
```
#bab556 rgb(186,181,86)
```
#b7ba56
```
#b7ba56 rgb(183,186,86)
```
#afba56
```
#afba56 rgb(175,186,86)
```
#a6ba56
```
#a6ba56 rgb(166,186,86)
```
#9eba56
```
#9eba56 rgb(158,186,86)
```

Similar Colors

Text with hexadecimal color #b7ba56

This text has a font color of #b7ba56.

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

#b7ba56 background color

This paragraph has a background color of #b7ba56.

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

#b7ba56 border color

This element has a border color of #b7ba56.

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

CSS codes

.text {color:#b7ba56;}

.background {background-color:#b7ba56;}

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

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

#0c0c05
```
#0c0c05 rgb(12,12,5)
```
#1a1a0b
```
#1a1a0b rgb(26,26,11)
```
#272810
```
#272810 rgb(39,40,16)
```
#353616
```
#353616 rgb(53,54,22)
```
#43441c
```
#43441c rgb(67,68,28)
```
#505221
```
#505221 rgb(80,82,33)
```
#5e6027
```
#5e6027 rgb(94,96,39)
```
#6c6e2d
```
#6c6e2d rgb(108,110,45)
```
#797c32
```
#797c32 rgb(121,124,50)
```
#878938
```
#878938 rgb(135,137,56)
```
#95973e
```
#95973e rgb(149,151,62)
```
#a2a543
```
#a2a543 rgb(162,165,67)
```
#b0b349
```
#b0b349 rgb(176,179,73)
```

Shade Color Variation

#b7ba56
```
#b7ba56 rgb(183,186,86)
```
#bdc064
```
#bdc064 rgb(189,192,100)
```
#c3c572
```
#c3c572 rgb(195,197,114)
```
#c9cb80
```
#c9cb80 rgb(201,203,128)
```
#cfd18e
```
#cfd18e rgb(207,209,142)
```
#d5d69c
```
#d5d69c rgb(213,214,156)
```
#dbdcaa
```
#dbdcaa rgb(219,220,170)
```
#e1e2b8
```
#e1e2b8 rgb(225,226,184)
```
#e6e7c5
```
#e6e7c5 rgb(230,231,197)
```
#ecedd3
```
#ecedd3 rgb(236,237,211)
```
#f2f3e1
```
#f2f3e1 rgb(242,243,225)
```
#f8f9ef
```
#f8f9ef rgb(248,249,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#8c8c84
```
#8c8c84 rgb(140,140,132)
```
#95957b
```
#95957b rgb(149,149,123)
```
#9d9f71
```
#9d9f71 rgb(157,159,113)
```
#a6a868
```
#a6a868 rgb(166,168,104)
```
#aeb15f
```
#aeb15f rgb(174,177,95)
```
#b7ba56
```
#b7ba56 rgb(183,186,86)
```
#c0c34d
```
#c0c34d rgb(192,195,77)
```
#c8cc44
```
#c8cc44 rgb(200,204,68)
```
#d1d53b
```
#d1d53b rgb(209,213,59)
```
#d9df31
```
#d9df31 rgb(217,223,49)
```
#e2e828
```
#e2e828 rgb(226,232,40)
```
#ebf11f
```
#ebf11f rgb(235,241,31)
```
#f3fa16
```
#f3fa16 rgb(243,250,22)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b0b09c Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb85d Protanopia 1% of men
#e0b063 Deuteranopia 1% of men
#c6b3bf Tritanopia 0.001% of the population

Trichromacy

#c3b95a Protanomaly 1% of men, 0.01% of women
#d1b35e Deuteranomaly 6% of men, 0.4% of women
#c0b599 Tritanomaly 0.01% of the population

#b7ba56 hex color

#b7ba56 Color Information

#b7ba56 Color Conversion

Color Schemes with #b7ba56

Alternatives to #b7ba56

#b7ba56 Preview

Shades and Tints of #b7ba56

Tones of #b7ba56

Color Blindness Simulator