#b4c167 hex color

In a RGB color space, hex #b4c167 is composed of 70.6% red, 75.7% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 6.7% cyan, 0% magenta, 46.6% yellow and 24.3% black. It has a hue angle of 68.7 degrees, a saturation of 42.1% and a lightness of 58%. #b4c167 color hex could be obtained by blending #ffffce with #698300. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 71
- G 76
- B 40
RGB color chart
- C 7
- M 0
- Y 47
- K 24
CMYK color chart

● #b4c167 color description : Slightly desaturated yellow.

The hexadecimal color #b4c167 has RGB values of R:180, G:193, B:103 and CMYK values of C:0.07, M:0, Y:0.47, K:0.24. Its decimal value is 11845991.

Hex triplet	b4c167	`#b4c167`
RGB Decimal	180, 193, 103	`rgb(180,193,103)`
RGB Percent	70.6, 75.7, 40.4	`rgb(70.6%,75.7%,40.4%)`
CMYK	7, 0, 47, 24
HSL	68.7°, 42.1, 58	`hsl(68.7,42.1%,58%)`
HSV (or HSB)	68.7°, 46.6, 75.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.341, -17.957, 43.549
XYZ	40.34, 48.823, 20.13
xyY	0.369, 0.447, 48.823
CIE-LCH	75.341, 47.106, 112.409
CIE-LUV	75.341, -4.061, 57.899
Hunter-Lab	69.873, -19.224, 31.83
Binary	10110100, 11000001, 01100111

#b4c167
```
#b4c167 rgb(180,193,103)
```
#7467c1
```
#7467c1 rgb(116,103,193)
```

Complementary Color

#c1a167
```
#c1a167 rgb(193,161,103)
```
#b4c167
```
#b4c167 rgb(180,193,103)
```
#87c167
```
#87c167 rgb(135,193,103)
```

Analogous Color

#a167c1
```
#a167c1 rgb(161,103,193)
```
#b4c167
```
#b4c167 rgb(180,193,103)
```
#6787c1
```
#6787c1 rgb(103,135,193)
```

Split Complementary Color

#c167b4
```
#c167b4 rgb(193,103,180)
```
#b4c167
```
#b4c167 rgb(180,193,103)
```
#67b4c1
```
#67b4c1 rgb(103,180,193)
```

Triadic Color

#c17467
```
#c17467 rgb(193,116,103)
```
#b4c167
```
#b4c167 rgb(180,193,103)
```
#67b4c1
```
#67b4c1 rgb(103,180,193)
```
#7467c1
```
#7467c1 rgb(116,103,193)
```

Tetradic Color

#8f9c40
```
#8f9c40 rgb(143,156,64)
```
#9fae47
```
#9fae47 rgb(159,174,71)
```
#abba55
```
#abba55 rgb(171,186,85)
```
#b4c167
```
#b4c167 rgb(180,193,103)
```
#bdc879
```
#bdc879 rgb(189,200,121)
```
#c6d08b
```
#c6d08b rgb(198,208,139)
```
#cfd79d
```
#cfd79d rgb(207,215,157)
```

Monochromatic Color

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

#c1b867
```
#c1b867 rgb(193,184,103)
```
#c1bf67
```
#c1bf67 rgb(193,191,103)
```
#bcc167
```
#bcc167 rgb(188,193,103)
```
#b4c167
```
#b4c167 rgb(180,193,103)
```
#adc167
```
#adc167 rgb(173,193,103)
```
#a5c167
```
#a5c167 rgb(165,193,103)
```
#9ec167
```
#9ec167 rgb(158,193,103)
```

Similar Colors

Text with hexadecimal color #b4c167

This text has a font color of #b4c167.

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

#b4c167 background color

This paragraph has a background color of #b4c167.

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

#b4c167 border color

This element has a border color of #b4c167.

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

CSS codes

.text {color:#b4c167;}

.background {background-color:#b4c167;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0e0f06
```
#0e0f06 rgb(14,15,6)
```
#1b1d0c
```
#1b1d0c rgb(27,29,12)
```
#272b12
```
#272b12 rgb(39,43,18)
```
#343917
```
#343917 rgb(52,57,23)
```
#41471d
```
#41471d rgb(65,71,29)
```
#4e5523
```
#4e5523 rgb(78,85,35)
```
#5a6328
```
#5a6328 rgb(90,99,40)
```
#67712e
```
#67712e rgb(103,113,46)
```
#747f34
```
#747f34 rgb(116,127,52)
```
#818d39
```
#818d39 rgb(129,141,57)
```
#8d9b3f
```
#8d9b3f rgb(141,155,63)
```
#9aa845
```
#9aa845 rgb(154,168,69)
```

Shade Color Variation

#a6b64b
```
#a6b64b rgb(166,182,75)
```
#adbb59
```
#adbb59 rgb(173,187,89)
```
#b4c167
```
#b4c167 rgb(180,193,103)
```
#bbc775
```
#bbc775 rgb(187,199,117)
```
#c2cc83
```
#c2cc83 rgb(194,204,131)
```
#c9d291
```
#c9d291 rgb(201,210,145)
```
#cfd89f
```
#cfd89f rgb(207,216,159)
```
#d6ddad
```
#d6ddad rgb(214,221,173)
```
#dde3bb
```
#dde3bb rgb(221,227,187)
```
#e4e9c9
```
#e4e9c9 rgb(228,233,201)
```
#ebeed6
```
#ebeed6 rgb(235,238,214)
```
#f2f4e4
```
#f2f4e4 rgb(242,244,228)
```
#f9faf2
```
#f9faf2 rgb(249,250,242)
```

Tint Color Variation

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

#979890
```
#979890 rgb(151,152,144)
```
#9da088
```
#9da088 rgb(157,160,136)
```
#a2a880
```
#a2a880 rgb(162,168,128)
```
#a8b177
```
#a8b177 rgb(168,177,119)
```
#aeb96f
```
#aeb96f rgb(174,185,111)
```
#b4c167
```
#b4c167 rgb(180,193,103)
```
#bac95f
```
#bac95f rgb(186,201,95)
```
#c0d157
```
#c0d157 rgb(192,209,87)
```
#c6da4e
```
#c6da4e rgb(198,218,78)
```
#cbe246
```
#cbe246 rgb(203,226,70)
```
#d1ea3e
```
#d1ea3e rgb(209,234,62)
```
#d7f236
```
#d7f236 rgb(215,242,54)
```
#ddfb2d
```
#ddfb2d rgb(221,251,45)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b3b6a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbd6c Protanopia 1% of men
#e4b573 Deuteranopia 1% of men
#c3bac7 Tritanopia 0.001% of the population

Trichromacy

#c5be6a Protanomaly 1% of men, 0.01% of women
#d2b96f Deuteranomaly 6% of men, 0.4% of women
#bdbca4 Tritanomaly 0.01% of the population

#b4c167 hex color

#b4c167 Color Information

#b4c167 Color Conversion

Color Schemes with #b4c167

Alternatives to #b4c167

#b4c167 Preview

Shades and Tints of #b4c167

Tones of #b4c167

Color Blindness Simulator