#b4a564 hex color

In a RGB color space, hex #b4a564 is composed of 70.6% red, 64.7% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.3% magenta, 44.4% yellow and 29.4% black. It has a hue angle of 48.8 degrees, a saturation of 34.8% and a lightness of 54.9%. #b4a564 color hex could be obtained by blending #ffffc8 with #694b00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 65
- B 39
RGB color chart
- C 0
- M 8
- Y 44
- K 29
CMYK color chart

● #b4a564 color description : Slightly desaturated yellow.

The hexadecimal color #b4a564 has RGB values of R:180, G:165, B:100 and CMYK values of C:0, M:0.08, Y:0.44, K:0.29. Its decimal value is 11838820.

Hex triplet	b4a564	`#b4a564`
RGB Decimal	180, 165, 100	`rgb(180,165,100)`
RGB Percent	70.6, 64.7, 39.2	`rgb(70.6%,64.7%,39.2%)`
CMYK	0, 8, 44, 29
HSL	48.8°, 34.8, 54.9	`hsl(48.8,34.8%,54.9%)`
HSV (or HSB)	48.8°, 44.4, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.676, -3.738, 35.572
XYZ	34.578, 37.534, 17.479
xyY	0.386, 0.419, 37.534
CIE-LCH	67.676, 35.768, 95.999
CIE-LUV	67.676, 13.14, 45.173
Hunter-Lab	61.265, -6.471, 25.97
Binary	10110100, 10100101, 01100100

#b4a564
```
#b4a564 rgb(180,165,100)
```
#6473b4
```
#6473b4 rgb(100,115,180)
```

Complementary Color

#b47d64
```
#b47d64 rgb(180,125,100)
```
#b4a564
```
#b4a564 rgb(180,165,100)
```
#9bb464
```
#9bb464 rgb(155,180,100)
```

Analogous Color

#7d64b4
```
#7d64b4 rgb(125,100,180)
```
#b4a564
```
#b4a564 rgb(180,165,100)
```
#649bb4
```
#649bb4 rgb(100,155,180)
```

Split Complementary Color

#a564b4
```
#a564b4 rgb(165,100,180)
```
#b4a564
```
#b4a564 rgb(180,165,100)
```
#64b4a5
```
#64b4a5 rgb(100,180,165)
```

Triadic Color

#b46473
```
#b46473 rgb(180,100,115)
```
#b4a564
```
#b4a564 rgb(180,165,100)
```
#64b4a5
```
#64b4a5 rgb(100,180,165)
```
#6473b4
```
#6473b4 rgb(100,115,180)
```

Tetradic Color

#897c42
```
#897c42 rgb(137,124,66)
```
#9a8b4b
```
#9a8b4b rgb(154,139,75)
```
#ac9b53
```
#ac9b53 rgb(172,155,83)
```
#b4a564
```
#b4a564 rgb(180,165,100)
```
#bcaf75
```
#bcaf75 rgb(188,175,117)
```
#c5b986
```
#c5b986 rgb(197,185,134)
```
#cdc398
```
#cdc398 rgb(205,195,152)
```

Monochromatic Color

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

#b49164
```
#b49164 rgb(180,145,100)
```
#b49864
```
#b49864 rgb(180,152,100)
```
#b49e64
```
#b49e64 rgb(180,158,100)
```
#b4a564
```
#b4a564 rgb(180,165,100)
```
#b4ac64
```
#b4ac64 rgb(180,172,100)
```
#b4b264
```
#b4b264 rgb(180,178,100)
```
#afb464
```
#afb464 rgb(175,180,100)
```

Similar Colors

Text with hexadecimal color #b4a564

This text has a font color of #b4a564.

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

#b4a564 background color

This paragraph has a background color of #b4a564.

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

#b4a564 border color

This element has a border color of #b4a564.

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

CSS codes

.text {color:#b4a564;}

.background {background-color:#b4a564;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#110f08
```
#110f08 rgb(17,15,8)
```
#1e1b0f
```
#1e1b0f rgb(30,27,15)
```
#2b2715
```
#2b2715 rgb(43,39,21)
```
#39331b
```
#39331b rgb(57,51,27)
```
#463f22
```
#463f22 rgb(70,63,34)
```
#534b28
```
#534b28 rgb(83,75,40)
```
#60572f
```
#60572f rgb(96,87,47)
```
#6d6335
```
#6d6335 rgb(109,99,53)
```
#7b6f3b
```
#7b6f3b rgb(123,111,59)
```
#887b42
```
#887b42 rgb(136,123,66)
```
#958748
```
#958748 rgb(149,135,72)
```
#a2934f
```
#a2934f rgb(162,147,79)
```

Shade Color Variation

#ae9d57
```
#ae9d57 rgb(174,157,87)
```
#b4a564
```
#b4a564 rgb(180,165,100)
```
#baad71
```
#baad71 rgb(186,173,113)
```
#c1b47e
```
#c1b47e rgb(193,180,126)
```
#c7bc8c
```
#c7bc8c rgb(199,188,140)
```
#cec499
```
#cec499 rgb(206,196,153)
```
#d4cba6
```
#d4cba6 rgb(212,203,166)
```
#dad3b3
```
#dad3b3 rgb(218,211,179)
```
#e1dbc1
```
#e1dbc1 rgb(225,219,193)
```
#e7e2ce
```
#e7e2ce rgb(231,226,206)
```
#eeeadb
```
#eeeadb rgb(238,234,219)
```
#f4f2e8
```
#f4f2e8 rgb(244,242,232)
```
#faf9f5
```
#faf9f5 rgb(250,249,245)
```

Tint Color Variation

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

#918f87
```
#918f87 rgb(145,143,135)
```
#99947f
```
#99947f rgb(153,148,127)
```
#a29a76
```
#a29a76 rgb(162,154,118)
```
#ab9f6d
```
#ab9f6d rgb(171,159,109)
```
#b4a564
```
#b4a564 rgb(180,165,100)
```
#bdab5b
```
#bdab5b rgb(189,171,91)
```
#c6b052
```
#c6b052 rgb(198,176,82)
```
#cfb649
```
#cfb649 rgb(207,182,73)
```
#d7bb41
```
#d7bb41 rgb(215,187,65)
```
#e0c138
```
#e0c138 rgb(224,193,56)
```
#e9c62f
```
#e9c62f rgb(233,198,47)
```
#f2cc26
```
#f2cc26 rgb(242,204,38)
```
#fbd11d
```
#fbd11d rgb(251,209,29)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a6a396 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a96c Protanopia 1% of men
#cba26e Deuteranopia 1% of men
#bfa1ad Tritanopia 0.001% of the population

Trichromacy

#b6a769 Protanomaly 1% of men, 0.01% of women
#c2a36a Deuteranomaly 6% of men, 0.4% of women
#bba292 Tritanomaly 0.01% of the population

#b4a564 hex color

#b4a564 Color Information

#b4a564 Color Conversion

Color Schemes with #b4a564

Alternatives to #b4a564

#b4a564 Preview

Shades and Tints of #b4a564

Tones of #b4a564

Color Blindness Simulator