#b2a564 hex color

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

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

● #b2a564 color description : Mostly desaturated dark yellow.

The hexadecimal color #b2a564 has RGB values of R:178, G:165, B:100 and CMYK values of C:0, M:0.07, Y:0.44, K:0.3. Its decimal value is 11707748.

Hex triplet	b2a564	`#b2a564`
RGB Decimal	178, 165, 100	`rgb(178,165,100)`
RGB Percent	69.8, 64.7, 39.2	`rgb(69.8%,64.7%,39.2%)`
CMYK	0, 7, 44, 30
HSL	50°, 33.6, 54.5	`hsl(50,33.6%,54.5%)`
HSV (or HSB)	50°, 43.8, 69.8
Web Safe	999966	`#999966`

CIE-LAB	67.499, -4.571, 35.311
XYZ	34.115, 37.296, 17.458
xyY	0.384, 0.42, 37.296
CIE-LCH	67.499, 35.605, 97.376
CIE-LUV	67.499, 11.779, 45.037
Hunter-Lab	61.071, -7.159, 25.801
Binary	10110010, 10100101, 01100100

#b2a564
```
#b2a564 rgb(178,165,100)
```
#6471b2
```
#6471b2 rgb(100,113,178)
```

Complementary Color

#b27e64
```
#b27e64 rgb(178,126,100)
```
#b2a564
```
#b2a564 rgb(178,165,100)
```
#98b264
```
#98b264 rgb(152,178,100)
```

Analogous Color

#7e64b2
```
#7e64b2 rgb(126,100,178)
```
#b2a564
```
#b2a564 rgb(178,165,100)
```
#6498b2
```
#6498b2 rgb(100,152,178)
```

Split Complementary Color

#a564b2
```
#a564b2 rgb(165,100,178)
```
#b2a564
```
#b2a564 rgb(178,165,100)
```
#64b2a5
```
#64b2a5 rgb(100,178,165)
```

Triadic Color

#b26471
```
#b26471 rgb(178,100,113)
```
#b2a564
```
#b2a564 rgb(178,165,100)
```
#64b2a5
```
#64b2a5 rgb(100,178,165)
```
#6471b2
```
#6471b2 rgb(100,113,178)
```

Tetradic Color

#877b43
```
#877b43 rgb(135,123,67)
```
#988b4b
```
#988b4b rgb(152,139,75)
```
#a99b54
```
#a99b54 rgb(169,155,84)
```
#b2a564
```
#b2a564 rgb(178,165,100)
```
#baaf75
```
#baaf75 rgb(186,175,117)
```
#c3b986
```
#c3b986 rgb(195,185,134)
```
#cbc397
```
#cbc397 rgb(203,195,151)
```

Monochromatic Color

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

#b29264
```
#b29264 rgb(178,146,100)
```
#b29864
```
#b29864 rgb(178,152,100)
```
#b29f64
```
#b29f64 rgb(178,159,100)
```
#b2a564
```
#b2a564 rgb(178,165,100)
```
#b2ac64
```
#b2ac64 rgb(178,172,100)
```
#b2b264
```
#b2b264 rgb(178,178,100)
```
#acb264
```
#acb264 rgb(172,178,100)
```

Similar Colors

Text with hexadecimal color #b2a564

This text has a font color of #b2a564.

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

#b2a564 background color

This paragraph has a background color of #b2a564.

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

#b2a564 border color

This element has a border color of #b2a564.

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

CSS codes

.text {color:#b2a564;}

.background {background-color:#b2a564;}

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

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)
```
#2a2615
```
#2a2615 rgb(42,38,21)
```
#37321b
```
#37321b rgb(55,50,27)
```
#443e22
```
#443e22 rgb(68,62,34)
```
#514a28
```
#514a28 rgb(81,74,40)
```
#5e562f
```
#5e562f rgb(94,86,47)
```
#6b6235
```
#6b6235 rgb(107,98,53)
```
#786e3c
```
#786e3c rgb(120,110,60)
```
#857a42
```
#857a42 rgb(133,122,66)
```
#928649
```
#928649 rgb(146,134,73)
```
#a0924f
```
#a0924f rgb(160,146,79)
```

Shade Color Variation

#ab9d57
```
#ab9d57 rgb(171,157,87)
```
#b2a564
```
#b2a564 rgb(178,165,100)
```
#b9ad71
```
#b9ad71 rgb(185,173,113)
```
#bfb47e
```
#bfb47e rgb(191,180,126)
```
#c6bc8b
```
#c6bc8b rgb(198,188,139)
```
#ccc398
```
#ccc398 rgb(204,195,152)
```
#d3cba6
```
#d3cba6 rgb(211,203,166)
```
#d9d3b3
```
#d9d3b3 rgb(217,211,179)
```
#e0dac0
```
#e0dac0 rgb(224,218,192)
```
#e6e2cd
```
#e6e2cd rgb(230,226,205)
```
#ede9da
```
#ede9da rgb(237,233,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 #f9d51d is the most saturated one.

#8e8d88
```
#8e8d88 rgb(142,141,136)
```
#97937f
```
#97937f rgb(151,147,127)
```
#a09976
```
#a09976 rgb(160,153,118)
```
#a99f6d
```
#a99f6d rgb(169,159,109)
```
#b2a564
```
#b2a564 rgb(178,165,100)
```
#bbab5b
```
#bbab5b rgb(187,171,91)
```
#c4b152
```
#c4b152 rgb(196,177,82)
```
#cdb749
```
#cdb749 rgb(205,183,73)
```
#d6bd40
```
#d6bd40 rgb(214,189,64)
```
#dfc337
```
#dfc337 rgb(223,195,55)
```
#e8c92e
```
#e8c92e rgb(232,201,46)
```
#f0cf26
```
#f0cf26 rgb(240,207,38)
```
#f9d51d
```
#f9d51d rgb(249,213,29)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a4a295 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a96b Protanopia 1% of men
#caa26e Deuteranopia 1% of men
#bda1ad Tritanopia 0.001% of the population

Trichromacy

#b5a768 Protanomaly 1% of men, 0.01% of women
#c1a36a Deuteranomaly 6% of men, 0.4% of women
#b9a292 Tritanomaly 0.01% of the population

#b2a564 hex color

#b2a564 Color Information

#b2a564 Color Conversion

Color Schemes with #b2a564

Alternatives to #b2a564

#b2a564 Preview

Shades and Tints of #b2a564

Tones of #b2a564

Color Blindness Simulator