#b2a764 hex color

In a RGB color space, hex #b2a764 is composed of 69.8% red, 65.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.2% magenta, 43.8% yellow and 30.2% black. It has a hue angle of 51.5 degrees, a saturation of 33.6% and a lightness of 54.5%. #b2a764 color hex could be obtained by blending #ffffc8 with #654f00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 70
- G 65
- B 39
RGB color chart
- C 0
- M 6
- Y 44
- K 30
CMYK color chart

● #b2a764 color description : Mostly desaturated dark yellow.

The hexadecimal color #b2a764 has RGB values of R:178, G:167, B:100 and CMYK values of C:0, M:0.06, Y:0.44, K:0.3. Its decimal value is 11708260.

Hex triplet	b2a764	`#b2a764`
RGB Decimal	178, 167, 100	`rgb(178,167,100)`
RGB Percent	69.8, 65.5, 39.2	`rgb(69.8%,65.5%,39.2%)`
CMYK	0, 6, 44, 30
HSL	51.5°, 33.6, 54.5	`hsl(51.5,33.6%,54.5%)`
HSV (or HSB)	51.5°, 43.8, 69.8
Web Safe	999966	`#999966`

CIE-LAB	68.038, -5.637, 35.989
XYZ	34.479, 38.023, 17.579
xyY	0.383, 0.422, 38.023
CIE-LCH	68.038, 36.428, 98.902
CIE-LUV	68.038, 10.523, 46.067
Hunter-Lab	61.663, -8.102, 26.262
Binary	10110010, 10100111, 01100100

#b2a764
```
#b2a764 rgb(178,167,100)
```
#646fb2
```
#646fb2 rgb(100,111,178)
```

Complementary Color

#b28064
```
#b28064 rgb(178,128,100)
```
#b2a764
```
#b2a764 rgb(178,167,100)
```
#96b264
```
#96b264 rgb(150,178,100)
```

Analogous Color

#8064b2
```
#8064b2 rgb(128,100,178)
```
#b2a764
```
#b2a764 rgb(178,167,100)
```
#6496b2
```
#6496b2 rgb(100,150,178)
```

Split Complementary Color

#a764b2
```
#a764b2 rgb(167,100,178)
```
#b2a764
```
#b2a764 rgb(178,167,100)
```
#64b2a7
```
#64b2a7 rgb(100,178,167)
```

Triadic Color

#b2646f
```
#b2646f rgb(178,100,111)
```
#b2a764
```
#b2a764 rgb(178,167,100)
```
#64b2a7
```
#64b2a7 rgb(100,178,167)
```
#646fb2
```
#646fb2 rgb(100,111,178)
```

Tetradic Color

#877d43
```
#877d43 rgb(135,125,67)
```
#988d4b
```
#988d4b rgb(152,141,75)
```
#a99d54
```
#a99d54 rgb(169,157,84)
```
#b2a764
```
#b2a764 rgb(178,167,100)
```
#bab175
```
#bab175 rgb(186,177,117)
```
#c3ba86
```
#c3ba86 rgb(195,186,134)
```
#cbc497
```
#cbc497 rgb(203,196,151)
```

Monochromatic Color

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

#b29464
```
#b29464 rgb(178,148,100)
```
#b29a64
```
#b29a64 rgb(178,154,100)
```
#b2a164
```
#b2a164 rgb(178,161,100)
```
#b2a764
```
#b2a764 rgb(178,167,100)
```
#b2ae64
```
#b2ae64 rgb(178,174,100)
```
#b0b264
```
#b0b264 rgb(176,178,100)
```
#aab264
```
#aab264 rgb(170,178,100)
```

Similar Colors

Text with hexadecimal color #b2a764

This text has a font color of #b2a764.

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

#b2a764 background color

This paragraph has a background color of #b2a764.

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

#b2a764 border color

This element has a border color of #b2a764.

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

CSS codes

.text {color:#b2a764;}

.background {background-color:#b2a764;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f0e08
```
#0f0e08 rgb(15,14,8)
```
#1c1a0e
```
#1c1a0e rgb(28,26,14)
```
#2a2715
```
#2a2715 rgb(42,39,21)
```
#37331b
```
#37331b rgb(55,51,27)
```
#443f22
```
#443f22 rgb(68,63,34)
```
#514b28
```
#514b28 rgb(81,75,40)
```
#5e572f
```
#5e572f rgb(94,87,47)
```
#6b6435
```
#6b6435 rgb(107,100,53)
```
#78703c
```
#78703c rgb(120,112,60)
```
#857c42
```
#857c42 rgb(133,124,66)
```
#928849
```
#928849 rgb(146,136,73)
```
#a0944f
```
#a0944f rgb(160,148,79)
```

Shade Color Variation

#aba057
```
#aba057 rgb(171,160,87)
```
#b2a764
```
#b2a764 rgb(178,167,100)
```
#b9ae71
```
#b9ae71 rgb(185,174,113)
```
#bfb67e
```
#bfb67e rgb(191,182,126)
```
#c6bd8b
```
#c6bd8b rgb(198,189,139)
```
#ccc598
```
#ccc598 rgb(204,197,152)
```
#d3cca6
```
#d3cca6 rgb(211,204,166)
```
#d9d4b3
```
#d9d4b3 rgb(217,212,179)
```
#e0dbc0
```
#e0dbc0 rgb(224,219,192)
```
#e6e3cd
```
#e6e3cd rgb(230,227,205)
```
#edeada
```
#edeada rgb(237,234,218)
```
#f3f1e7
```
#f3f1e7 rgb(243,241,231)
```
#faf9f4
```
#faf9f4 rgb(250,249,244)
```

Tint Color Variation

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

#8e8d88
```
#8e8d88 rgb(142,141,136)
```
#97947f
```
#97947f rgb(151,148,127)
```
#a09a76
```
#a09a76 rgb(160,154,118)
```
#a9a16d
```
#a9a16d rgb(169,161,109)
```
#b2a764
```
#b2a764 rgb(178,167,100)
```
#bbad5b
```
#bbad5b rgb(187,173,91)
```
#c4b452
```
#c4b452 rgb(196,180,82)
```
#cdba49
```
#cdba49 rgb(205,186,73)
```
#d6c140
```
#d6c140 rgb(214,193,64)
```
#dfc737
```
#dfc737 rgb(223,199,55)
```
#e8cd2e
```
#e8cd2e rgb(232,205,46)
```
#f0d426
```
#f0d426 rgb(240,212,38)
```
#f9da1d
```
#f9da1d rgb(249,218,29)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a6a496 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9aa6b Protanopia 1% of men
#cca36e Deuteranopia 1% of men
#bea3ae Tritanopia 0.001% of the population

Trichromacy

#b6a968 Protanomaly 1% of men, 0.01% of women
#c2a46a Deuteranomaly 6% of men, 0.4% of women
#b9a493 Tritanomaly 0.01% of the population

#b2a764 hex color

#b2a764 Color Information

#b2a764 Color Conversion

Color Schemes with #b2a764

Alternatives to #b2a764

#b2a764 Preview

Shades and Tints of #b2a764

Tones of #b2a764

Color Blindness Simulator