#b4b463 hex color

In a RGB color space, hex #b4b463 is composed of 70.6% red, 70.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 45% yellow and 29.4% black. It has a hue angle of 60 degrees, a saturation of 35.1% and a lightness of 54.7%. #b4b463 color hex could be obtained by blending #ffffc6 with #696900. Closest websafe color is: #cccc66.

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

● #b4b463 color description : Slightly desaturated yellow.

The hexadecimal color #b4b463 has RGB values of R:180, G:180, B:99 and CMYK values of C:0, M:0, Y:0.45, K:0.29. Its decimal value is 11842659.

Hex triplet	b4b463	`#b4b463`
RGB Decimal	180, 180, 99	`rgb(180,180,99)`
RGB Percent	70.6, 70.6, 38.8	`rgb(70.6%,70.6%,38.8%)`
CMYK	0, 0, 45, 29
HSL	60°, 35.1, 54.7	`hsl(60,35.1%,54.7%)`
HSV (or HSB)	60°, 45, 70.6
Web Safe	cccc66	`#cccc66`

CIE-LAB	71.722, -11.735, 41.112
XYZ	37.395, 43.247, 18.181
xyY	0.378, 0.438, 43.247
CIE-LCH	71.722, 42.754, 105.931
CIE-LUV	71.722, 3.843, 53.317
Hunter-Lab	65.763, -13.582, 29.642
Binary	10110100, 10110100, 01100011

#b4b463
```
#b4b463 rgb(180,180,99)
```
#6363b4
```
#6363b4 rgb(99,99,180)
```

Complementary Color

#b48c63
```
#b48c63 rgb(180,140,99)
```
#b4b463
```
#b4b463 rgb(180,180,99)
```
#8cb463
```
#8cb463 rgb(140,180,99)
```

Analogous Color

#8c63b4
```
#8c63b4 rgb(140,99,180)
```
#b4b463
```
#b4b463 rgb(180,180,99)
```
#638cb4
```
#638cb4 rgb(99,140,180)
```

Split Complementary Color

#b463b4
```
#b463b4 rgb(180,99,180)
```
#b4b463
```
#b4b463 rgb(180,180,99)
```
#63b4b4
```
#63b4b4 rgb(99,180,180)
```

Triadic Color

#b46363
```
#b46363 rgb(180,99,99)
```
#b4b463
```
#b4b463 rgb(180,180,99)
```
#63b4b4
```
#63b4b4 rgb(99,180,180)
```
#6363b4
```
#6363b4 rgb(99,99,180)
```

Tetradic Color

#898942
```
#898942 rgb(137,137,66)
```
#9a9a4a
```
#9a9a4a rgb(154,154,74)
```
#abab52
```
#abab52 rgb(171,171,82)
```
#b4b463
```
#b4b463 rgb(180,180,99)
```
#bcbc74
```
#bcbc74 rgb(188,188,116)
```
#c5c585
```
#c5c585 rgb(197,197,133)
```
#cdcd97
```
#cdcd97 rgb(205,205,151)
```

Monochromatic Color

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

#b4a063
```
#b4a063 rgb(180,160,99)
```
#b4a763
```
#b4a763 rgb(180,167,99)
```
#b4ad63
```
#b4ad63 rgb(180,173,99)
```
#b4b463
```
#b4b463 rgb(180,180,99)
```
#adb463
```
#adb463 rgb(173,180,99)
```
#a7b463
```
#a7b463 rgb(167,180,99)
```
#a0b463
```
#a0b463 rgb(160,180,99)
```

Similar Colors

Text with hexadecimal color #b4b463

This text has a font color of #b4b463.

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

#b4b463 background color

This paragraph has a background color of #b4b463.

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

#b4b463 border color

This element has a border color of #b4b463.

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

CSS codes

.text {color:#b4b463;}

.background {background-color:#b4b463;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#101008
```
#101008 rgb(16,16,8)
```
#1d1d0e
```
#1d1d0e rgb(29,29,14)
```
#2b2b15
```
#2b2b15 rgb(43,43,21)
```
#38381b
```
#38381b rgb(56,56,27)
```
#454521
```
#454521 rgb(69,69,33)
```
#525228
```
#525228 rgb(82,82,40)
```
#60602e
```
#60602e rgb(96,96,46)
```
#6d6d34
```
#6d6d34 rgb(109,109,52)
```
#7a7a3b
```
#7a7a3b rgb(122,122,59)
```
#878741
```
#878741 rgb(135,135,65)
```
#959547
```
#959547 rgb(149,149,71)
```
#a2a24e
```
#a2a24e rgb(162,162,78)
```

Shade Color Variation

#aeae56
```
#aeae56 rgb(174,174,86)
```
#b4b463
```
#b4b463 rgb(180,180,99)
```
#baba70
```
#baba70 rgb(186,186,112)
```
#c1c17d
```
#c1c17d rgb(193,193,125)
```
#c7c78b
```
#c7c78b rgb(199,199,139)
```
#cdcd98
```
#cdcd98 rgb(205,205,152)
```
#d4d4a5
```
#d4d4a5 rgb(212,212,165)
```
#dadab2
```
#dadab2 rgb(218,218,178)
```
#e1e1c0
```
#e1e1c0 rgb(225,225,192)
```
#e7e7cd
```
#e7e7cd rgb(231,231,205)
```
#ededda
```
#ededda rgb(237,237,218)
```
#f4f4e7
```
#f4f4e7 rgb(244,244,231)
```
#fafaf5
```
#fafaf5 rgb(250,250,245)
```

Tint Color Variation

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

#909087
```
#909087 rgb(144,144,135)
```
#99997e
```
#99997e rgb(153,153,126)
```
#a2a275
```
#a2a275 rgb(162,162,117)
```
#abab6c
```
#abab6c rgb(171,171,108)
```
#b4b463
```
#b4b463 rgb(180,180,99)
```
#bdbd5a
```
#bdbd5a rgb(189,189,90)
```
#c6c651
```
#c6c651 rgb(198,198,81)
```
#cfcf48
```
#cfcf48 rgb(207,207,72)
```
#d8d83f
```
#d8d83f rgb(216,216,63)
```
#e0e037
```
#e0e037 rgb(224,224,55)
```
#e9e92e
```
#e9e92e rgb(233,233,46)
```
#f2f225
```
#f2f225 rgb(242,242,37)
```
#fbfb1c
```
#fbfb1c rgb(251,251,28)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#adad9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b369 Protanopia 1% of men
#d8ac6e Deuteranopia 1% of men
#c1aeba Tritanopia 0.001% of the population

Trichromacy

#beb367 Protanomaly 1% of men, 0.01% of women
#cbaf6a Deuteranomaly 6% of men, 0.4% of women
#bcb09a Tritanomaly 0.01% of the population

#b4b463 hex color

#b4b463 Color Information

#b4b463 Color Conversion

Color Schemes with #b4b463

Alternatives to #b4b463

#b4b463 Preview

Shades and Tints of #b4b463

Tones of #b4b463

Color Blindness Simulator