#b4b678 hex color

In a RGB color space, hex #b4b678 is composed of 70.6% red, 71.4% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 0% magenta, 34.1% yellow and 28.6% black. It has a hue angle of 61.9 degrees, a saturation of 29.8% and a lightness of 59.2%. #b4b678 color hex could be obtained by blending #fffff0 with #696d00. Closest websafe color is: #cccc66.

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

● #b4b678 color description : Slightly desaturated yellow.

The hexadecimal color #b4b678 has RGB values of R:180, G:182, B:120 and CMYK values of C:0.01, M:0, Y:0.34, K:0.29. Its decimal value is 11843192.

Hex triplet	b4b678	`#b4b678`
RGB Decimal	180, 182, 120	`rgb(180,182,120)`
RGB Percent	70.6, 71.4, 47.1	`rgb(70.6%,71.4%,47.1%)`
CMYK	1, 0, 34, 29
HSL	61.9°, 29.8, 59.2	`hsl(61.9,29.8%,59.2%)`
HSV (or HSB)	61.9°, 34.1, 71.4
Web Safe	cccc66	`#cccc66`

CIE-LAB	72.572, -10.42, 31.38
XYZ	38.94, 44.516, 24.309
xyY	0.361, 0.413, 44.516
CIE-LCH	72.572, 33.065, 108.369
CIE-LUV	72.572, 1.844, 42.99
Hunter-Lab	66.72, -12.582, 25.102
Binary	10110100, 10110110, 01111000

#b4b678
```
#b4b678 rgb(180,182,120)
```
#7a78b6
```
#7a78b6 rgb(122,120,182)
```

Complementary Color

#b69978
```
#b69978 rgb(182,153,120)
```
#b4b678
```
#b4b678 rgb(180,182,120)
```
#95b678
```
#95b678 rgb(149,182,120)
```

Analogous Color

#9978b6
```
#9978b6 rgb(153,120,182)
```
#b4b678
```
#b4b678 rgb(180,182,120)
```
#7895b6
```
#7895b6 rgb(120,149,182)
```

Split Complementary Color

#b678b4
```
#b678b4 rgb(182,120,180)
```
#b4b678
```
#b4b678 rgb(180,182,120)
```
#78b4b6
```
#78b4b6 rgb(120,180,182)
```

Triadic Color

#b67a78
```
#b67a78 rgb(182,122,120)
```
#b4b678
```
#b4b678 rgb(180,182,120)
```
#78b4b6
```
#78b4b6 rgb(120,180,182)
```
#7a78b6
```
#7a78b6 rgb(122,120,182)
```

Tetradic Color

#90924f
```
#90924f rgb(144,146,79)
```
#a0a358
```
#a0a358 rgb(160,163,88)
```
#abad67
```
#abad67 rgb(171,173,103)
```
#b4b678
```
#b4b678 rgb(180,182,120)
```
#bdbf89
```
#bdbf89 rgb(189,191,137)
```
#c6c899
```
#c6c899 rgb(198,200,153)
```
#d0d1aa
```
#d0d1aa rgb(208,209,170)
```

Monochromatic Color

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

#b6a978
```
#b6a978 rgb(182,169,120)
```
#b6ae78
```
#b6ae78 rgb(182,174,120)
```
#b6b378
```
#b6b378 rgb(182,179,120)
```
#b4b678
```
#b4b678 rgb(180,182,120)
```
#afb678
```
#afb678 rgb(175,182,120)
```
#aab678
```
#aab678 rgb(170,182,120)
```
#a5b678
```
#a5b678 rgb(165,182,120)
```

Similar Colors

Text with hexadecimal color #b4b678

This text has a font color of #b4b678.

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

#b4b678 background color

This paragraph has a background color of #b4b678.

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

#b4b678 border color

This element has a border color of #b4b678.

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

CSS codes

.text {color:#b4b678;}

.background {background-color:#b4b678;}

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

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

#050503
```
#050503 rgb(5,5,3)
```
#12120a
```
#12120a rgb(18,18,10)
```
#1e1f10
```
#1e1f10 rgb(30,31,16)
```
#2b2b17
```
#2b2b17 rgb(43,43,23)
```
#37381e
```
#37381e rgb(55,56,30)
```
#444525
```
#444525 rgb(68,69,37)
```
#50512c
```
#50512c rgb(80,81,44)
```
#5d5e33
```
#5d5e33 rgb(93,94,51)
```
#696b3a
```
#696b3a rgb(105,107,58)
```
#767841
```
#767841 rgb(118,120,65)
```
#828448
```
#828448 rgb(130,132,72)
```
#8f914e
```
#8f914e rgb(143,145,78)
```
#9b9e55
```
#9b9e55 rgb(155,158,85)
```

Shade Color Variation

#a6a85f
```
#a6a85f rgb(166,168,95)
```
#adaf6b
```
#adaf6b rgb(173,175,107)
```
#b4b678
```
#b4b678 rgb(180,182,120)
```
#bbbd85
```
#bbbd85 rgb(187,189,133)
```
#c2c491
```
#c2c491 rgb(194,196,145)
```
#c9cb9e
```
#c9cb9e rgb(201,203,158)
```
#d0d2ab
```
#d0d2ab rgb(208,210,171)
```
#d7d8b8
```
#d7d8b8 rgb(215,216,184)
```
#dedfc4
```
#dedfc4 rgb(222,223,196)
```
#e6e6d1
```
#e6e6d1 rgb(230,230,209)
```
#ededde
```
#ededde rgb(237,237,222)
```
#f4f4eb
```
#f4f4eb rgb(244,244,235)
```
#fbfbf7
```
#fbfbf7 rgb(251,251,247)
```

Tint Color Variation

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

#9e9e90
```
#9e9e90 rgb(158,158,144)
```
#a5a688
```
#a5a688 rgb(165,166,136)
```
#adae80
```
#adae80 rgb(173,174,128)
```
#b4b678
```
#b4b678 rgb(180,182,120)
```
#bbbe70
```
#bbbe70 rgb(187,190,112)
```
#c3c668
```
#c3c668 rgb(195,198,104)
```
#cace60
```
#cace60 rgb(202,206,96)
```
#d2d658
```
#d2d658 rgb(210,214,88)
```
#d9de50
```
#d9de50 rgb(217,222,80)
```
#e1e648
```
#e1e648 rgb(225,230,72)
```
#e8ee40
```
#e8ee40 rgb(232,238,64)
```
#f0f638
```
#f0f638 rgb(240,246,56)
```
#f7fe30
```
#f7fe30 rgb(247,254,48)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#afb0a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b57d Protanopia 1% of men
#d7ae82 Deuteranopia 1% of men
#c0b1be Tritanopia 0.001% of the population

Trichromacy

#beb57b Protanomaly 1% of men, 0.01% of women
#cab17e Deuteranomaly 6% of men, 0.4% of women
#bcb3a4 Tritanomaly 0.01% of the population

#b4b678 hex color

#b4b678 Color Information

#b4b678 Color Conversion

Color Schemes with #b4b678

Alternatives to #b4b678

#b4b678 Preview

Shades and Tints of #b4b678

Tones of #b4b678

Color Blindness Simulator