#b4a566 hex color

In a RGB color space, hex #b4a566 is composed of 70.6% red, 64.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.3% magenta, 43.3% yellow and 29.4% black. It has a hue angle of 48.5 degrees, a saturation of 34.2% and a lightness of 55.3%. #b4a566 color hex could be obtained by blending #ffffcc with #694b00. Closest websafe color is: #cc9966.

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

● #b4a566 color description : Slightly desaturated yellow.

The hexadecimal color #b4a566 has RGB values of R:180, G:165, B:102 and CMYK values of C:0, M:0.08, Y:0.43, K:0.29. Its decimal value is 11838822.

Hex triplet	b4a566	`#b4a566`
RGB Decimal	180, 165, 102	`rgb(180,165,102)`
RGB Percent	70.6, 64.7, 40	`rgb(70.6%,64.7%,40%)`
CMYK	0, 8, 43, 29
HSL	48.5°, 34.2, 55.3	`hsl(48.5,34.2%,55.3%)`
HSV (or HSB)	48.5°, 43.3, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.705, -3.527, 34.563
XYZ	34.676, 37.574, 17.996
xyY	0.384, 0.416, 37.574
CIE-LCH	67.705, 34.742, 95.826
CIE-LUV	67.705, 13.033, 44.102
Hunter-Lab	61.297, -6.294, 25.502
Binary	10110100, 10100101, 01100110

#b4a566
```
#b4a566 rgb(180,165,102)
```
#6675b4
```
#6675b4 rgb(102,117,180)
```

Complementary Color

#b47e66
```
#b47e66 rgb(180,126,102)
```
#b4a566
```
#b4a566 rgb(180,165,102)
```
#9cb466
```
#9cb466 rgb(156,180,102)
```

Analogous Color

#7e66b4
```
#7e66b4 rgb(126,102,180)
```
#b4a566
```
#b4a566 rgb(180,165,102)
```
#669cb4
```
#669cb4 rgb(102,156,180)
```

Split Complementary Color

#a566b4
```
#a566b4 rgb(165,102,180)
```
#b4a566
```
#b4a566 rgb(180,165,102)
```
#66b4a5
```
#66b4a5 rgb(102,180,165)
```

Triadic Color

#b46675
```
#b46675 rgb(180,102,117)
```
#b4a566
```
#b4a566 rgb(180,165,102)
```
#66b4a5
```
#66b4a5 rgb(102,180,165)
```
#6675b4
```
#6675b4 rgb(102,117,180)
```

Tetradic Color

#8a7c44
```
#8a7c44 rgb(138,124,68)
```
#9b8c4c
```
#9b8c4c rgb(155,140,76)
```
#ac9b55
```
#ac9b55 rgb(172,155,85)
```
#b4a566
```
#b4a566 rgb(180,165,102)
```
#bcaf77
```
#bcaf77 rgb(188,175,119)
```
#c5b988
```
#c5b988 rgb(197,185,136)
```
#cdc399
```
#cdc399 rgb(205,195,153)
```

Monochromatic Color

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

#b49266
```
#b49266 rgb(180,146,102)
```
#b49866
```
#b49866 rgb(180,152,102)
```
#b49f66
```
#b49f66 rgb(180,159,102)
```
#b4a566
```
#b4a566 rgb(180,165,102)
```
#b4ac66
```
#b4ac66 rgb(180,172,102)
```
#b4b266
```
#b4b266 rgb(180,178,102)
```
#b0b466
```
#b0b466 rgb(176,180,102)
```

Similar Colors

Text with hexadecimal color #b4a566

This text has a font color of #b4a566.

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

#b4a566 background color

This paragraph has a background color of #b4a566.

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

#b4a566 border color

This element has a border color of #b4a566.

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

CSS codes

.text {color:#b4a566;}

.background {background-color:#b4a566;}

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

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

#050402
```
#050402 rgb(5,4,2)
```
#121009
```
#121009 rgb(18,16,9)
```
#1f1c0f
```
#1f1c0f rgb(31,28,15)
```
#2c2816
```
#2c2816 rgb(44,40,22)
```
#3a341c
```
#3a341c rgb(58,52,28)
```
#474023
```
#474023 rgb(71,64,35)
```
#544c29
```
#544c29 rgb(84,76,41)
```
#615830
```
#615830 rgb(97,88,48)
```
#6e6336
```
#6e6336 rgb(110,99,54)
```
#7b6f3d
```
#7b6f3d rgb(123,111,61)
```
#897b43
```
#897b43 rgb(137,123,67)
```
#968749
```
#968749 rgb(150,135,73)
```
#a39350
```
#a39350 rgb(163,147,80)
```

Shade Color Variation

#ae9d59
```
#ae9d59 rgb(174,157,89)
```
#b4a566
```
#b4a566 rgb(180,165,102)
```
#baad73
```
#baad73 rgb(186,173,115)
```
#c1b480
```
#c1b480 rgb(193,180,128)
```
#c7bc8d
```
#c7bc8d rgb(199,188,141)
```
#cec49b
```
#cec49b rgb(206,196,155)
```
#d4cca8
```
#d4cca8 rgb(212,204,168)
```
#dbd3b5
```
#dbd3b5 rgb(219,211,181)
```
#e1dbc2
```
#e1dbc2 rgb(225,219,194)
```
#e8e3cf
```
#e8e3cf rgb(232,227,207)
```
#eeebdc
```
#eeebdc rgb(238,235,220)
```
#f5f2ea
```
#f5f2ea rgb(245,242,234)
```
#fbfaf7
```
#fbfaf7 rgb(251,250,247)
```

Tint Color Variation

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

#918f89
```
#918f89 rgb(145,143,137)
```
#9a9580
```
#9a9580 rgb(154,149,128)
```
#a29a78
```
#a29a78 rgb(162,154,120)
```
#aba06f
```
#aba06f rgb(171,160,111)
```
#b4a566
```
#b4a566 rgb(180,165,102)
```
#bdaa5d
```
#bdaa5d rgb(189,170,93)
```
#c6b054
```
#c6b054 rgb(198,176,84)
```
#ceb54c
```
#ceb54c rgb(206,181,76)
```
#d7bb43
```
#d7bb43 rgb(215,187,67)
```
#e0c03a
```
#e0c03a rgb(224,192,58)
```
#e9c531
```
#e9c531 rgb(233,197,49)
```
#f1cb29
```
#f1cb29 rgb(241,203,41)
```
#fad020
```
#fad020 rgb(250,208,32)
```

Tone Color Variation

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

#b8a96d Protanopia 1% of men
#caa270 Deuteranopia 1% of men
#bfa1ad Tritanopia 0.001% of the population

Trichromacy

#b6a76b Protanomaly 1% of men, 0.01% of women
#c2a36c Deuteranomaly 6% of men, 0.4% of women
#bba393 Tritanomaly 0.01% of the population

#b4a566 hex color

#b4a566 Color Information

#b4a566 Color Conversion

Color Schemes with #b4a566

Alternatives to #b4a566

#b4a566 Preview

Shades and Tints of #b4a566

Tones of #b4a566

Color Blindness Simulator