#b4b680 hex color

In a RGB color space, hex #b4b680 is composed of 70.6% red, 71.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 0% magenta, 29.7% yellow and 28.6% black. It has a hue angle of 62.2 degrees, a saturation of 27% and a lightness of 60.8%. #b4b680 color hex could be obtained by blending #ffffff with #696d01. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 71
- G 71
- B 50
RGB color chart
- C 1
- M 0
- Y 30
- K 29
CMYK color chart

● #b4b680 color description : Slightly desaturated yellow.

The hexadecimal color #b4b680 has RGB values of R:180, G:182, B:128 and CMYK values of C:0.01, M:0, Y:0.3, K:0.29. Its decimal value is 11843200.

Hex triplet	b4b680	`#b4b680`
RGB Decimal	180, 182, 128	`rgb(180,182,128)`
RGB Percent	70.6, 71.4, 50.2	`rgb(70.6%,71.4%,50.2%)`
CMYK	1, 0, 30, 29
HSL	62.2°, 27, 60.8	`hsl(62.2,27%,60.8%)`
HSV (or HSB)	62.2°, 29.7, 71.4
Web Safe	cccc99	`#cccc99`

CIE-LAB	72.706, -9.396, 27.33
XYZ	39.446, 44.718, 26.974
xyY	0.355, 0.402, 44.718
CIE-LCH	72.706, 28.9, 108.973
CIE-LUV	72.706, 1.511, 38.162
Hunter-Lab	66.872, -11.732, 22.894
Binary	10110100, 10110110, 10000000

#b4b680
```
#b4b680 rgb(180,182,128)
```
#8280b6
```
#8280b6 rgb(130,128,182)
```

Complementary Color

#b69d80
```
#b69d80 rgb(182,157,128)
```
#b4b680
```
#b4b680 rgb(180,182,128)
```
#99b680
```
#99b680 rgb(153,182,128)
```

Analogous Color

#9d80b6
```
#9d80b6 rgb(157,128,182)
```
#b4b680
```
#b4b680 rgb(180,182,128)
```
#8099b6
```
#8099b6 rgb(128,153,182)
```

Split Complementary Color

#b680b4
```
#b680b4 rgb(182,128,180)
```
#b4b680
```
#b4b680 rgb(180,182,128)
```
#80b4b6
```
#80b4b6 rgb(128,180,182)
```

Triadic Color

#b68280
```
#b68280 rgb(182,130,128)
```
#b4b680
```
#b4b680 rgb(180,182,128)
```
#80b4b6
```
#80b4b6 rgb(128,180,182)
```
#8280b6
```
#8280b6 rgb(130,128,182)
```

Tetradic Color

#929455
```
#929455 rgb(146,148,85)
```
#a1a360
```
#a1a360 rgb(161,163,96)
```
#aaad70
```
#aaad70 rgb(170,173,112)
```
#b4b680
```
#b4b680 rgb(180,182,128)
```
#bebf90
```
#bebf90 rgb(190,191,144)
```
#c7c9a0
```
#c7c9a0 rgb(199,201,160)
```
#d1d2b1
```
#d1d2b1 rgb(209,210,177)
```

Monochromatic Color

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

#b6ab80
```
#b6ab80 rgb(182,171,128)
```
#b6af80
```
#b6af80 rgb(182,175,128)
```
#b6b480
```
#b6b480 rgb(182,180,128)
```
#b4b680
```
#b4b680 rgb(180,182,128)
```
#b0b680
```
#b0b680 rgb(176,182,128)
```
#abb680
```
#abb680 rgb(171,182,128)
```
#a7b680
```
#a7b680 rgb(167,182,128)
```

Similar Colors

Text with hexadecimal color #b4b680

This text has a font color of #b4b680.

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

#b4b680 background color

This paragraph has a background color of #b4b680.

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

#b4b680 border color

This element has a border color of #b4b680.

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

CSS codes

.text {color:#b4b680;}

.background {background-color:#b4b680;}

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

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

#0a0a06
```
#0a0a06 rgb(10,10,6)
```
#16160d
```
#16160d rgb(22,22,13)
```
#222314
```
#222314 rgb(34,35,20)
```
#2f2f1b
```
#2f2f1b rgb(47,47,27)
```
#3b3c22
```
#3b3c22 rgb(59,60,34)
```
#47482a
```
#47482a rgb(71,72,42)
```
#535531
```
#535531 rgb(83,85,49)
```
#606138
```
#606138 rgb(96,97,56)
```
#6c6e3f
```
#6c6e3f rgb(108,110,63)
```
#787a46
```
#787a46 rgb(120,122,70)
```
#84874d
```
#84874d rgb(132,135,77)
```
#919355
```
#919355 rgb(145,147,85)
```
#9d9f5c
```
#9d9f5c rgb(157,159,92)
```

Shade Color Variation

#a5a867
```
#a5a867 rgb(165,168,103)
```
#adaf74
```
#adaf74 rgb(173,175,116)
```
#b4b680
```
#b4b680 rgb(180,182,128)
```
#bbbd8c
```
#bbbd8c rgb(187,189,140)
```
#c3c499
```
#c3c499 rgb(195,196,153)
```
#cacba5
```
#cacba5 rgb(202,203,165)
```
#d1d3b2
```
#d1d3b2 rgb(209,211,178)
```
#d9dabe
```
#d9dabe rgb(217,218,190)
```
#e0e1cb
```
#e0e1cb rgb(224,225,203)
```
#e7e8d7
```
#e7e8d7 rgb(231,232,215)
```
#efefe4
```
#efefe4 rgb(239,239,228)
```
#f6f6f0
```
#f6f6f0 rgb(246,246,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#9f9f97
```
#9f9f97 rgb(159,159,151)
```
#a6a78f
```
#a6a78f rgb(166,167,143)
```
#adae88
```
#adae88 rgb(173,174,136)
```
#b4b680
```
#b4b680 rgb(180,182,128)
```
#bbbe78
```
#bbbe78 rgb(187,190,120)
```
#c2c571
```
#c2c571 rgb(194,197,113)
```
#c9cd69
```
#c9cd69 rgb(201,205,105)
```
#d0d561
```
#d0d561 rgb(208,213,97)
```
#d8dc5a
```
#d8dc5a rgb(216,220,90)
```
#dfe452
```
#dfe452 rgb(223,228,82)
```
#e6ec4a
```
#e6ec4a rgb(230,236,74)
```
#edf442
```
#edf442 rgb(237,244,66)
```
#f4fb3b
```
#f4fb3b rgb(244,251,59)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b0b0a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b685 Protanopia 1% of men
#d6af89 Deuteranopia 1% of men
#c0b2bf Tritanopia 0.001% of the population

Trichromacy

#beb683 Protanomaly 1% of men, 0.01% of women
#c9b186 Deuteranomaly 6% of men, 0.4% of women
#bbb3a8 Tritanomaly 0.01% of the population

#b4b680 hex color

#b4b680 Color Information

#b4b680 Color Conversion

Color Schemes with #b4b680

Alternatives to #b4b680

#b4b680 Preview

Shades and Tints of #b4b680

Tones of #b4b680

Color Blindness Simulator