#b4a311 hex color

In a RGB color space, hex #b4a311 is composed of 70.6% red, 63.9% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.4% magenta, 90.6% yellow and 29.4% black. It has a hue angle of 53.7 degrees, a saturation of 82.7% and a lightness of 38.6%. #b4a311 color hex could be obtained by blending #ffff22 with #694700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 71
- G 64
- B 7
RGB color chart
- C 0
- M 9
- Y 91
- K 29
CMYK color chart

● #b4a311 color description : Strong yellow.

The hexadecimal color #b4a311 has RGB values of R:180, G:163, B:17 and CMYK values of C:0, M:0.09, Y:0.91, K:0.29. Its decimal value is 11838225.

Hex triplet	b4a311	`#b4a311`
RGB Decimal	180, 163, 17	`rgb(180,163,17)`
RGB Percent	70.6, 63.9, 6.7	`rgb(70.6%,63.9%,6.7%)`
CMYK	0, 9, 91, 29
HSL	53.7°, 82.7, 38.6	`hsl(53.7,82.7%,38.6%)`
HSV (or HSB)	53.7°, 90.6, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	66.473, -7.577, 67.027
XYZ	32.021, 35.939, 5.781
xyY	0.434, 0.487, 35.939
CIE-LCH	66.473, 67.454, 96.45
CIE-LUV	66.473, 17.131, 70.283
Hunter-Lab	59.949, -9.568, 36.247
Binary	10110100, 10100011, 00010001

#b4a311
```
#b4a311 rgb(180,163,17)
```
#1122b4
```
#1122b4 rgb(17,34,180)
```

Complementary Color

#b45211
```
#b45211 rgb(180,82,17)
```
#b4a311
```
#b4a311 rgb(180,163,17)
```
#74b411
```
#74b411 rgb(116,180,17)
```

Analogous Color

#5211b4
```
#5211b4 rgb(82,17,180)
```
#b4a311
```
#b4a311 rgb(180,163,17)
```
#1174b4
```
#1174b4 rgb(17,116,180)
```

Split Complementary Color

#a311b4
```
#a311b4 rgb(163,17,180)
```
#b4a311
```
#b4a311 rgb(180,163,17)
```
#11b4a3
```
#11b4a3 rgb(17,180,163)
```

Triadic Color

#b41122
```
#b41122 rgb(180,17,34)
```
#b4a311
```
#b4a311 rgb(180,163,17)
```
#11b4a3
```
#11b4a3 rgb(17,180,163)
```
#1122b4
```
#1122b4 rgb(17,34,180)
```

Tetradic Color

#6e640a
```
#6e640a rgb(110,100,10)
```
#85790d
```
#85790d rgb(133,121,13)
```
#9d8e0f
```
#9d8e0f rgb(157,142,15)
```
#b4a311
```
#b4a311 rgb(180,163,17)
```
#cbb813
```
#cbb813 rgb(203,184,19)
```
#e3cd15
```
#e3cd15 rgb(227,205,21)
```
#ebd627
```
#ebd627 rgb(235,214,39)
```

Monochromatic Color

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

#b47a11
```
#b47a11 rgb(180,122,17)
```
#b48811
```
#b48811 rgb(180,136,17)
```
#b49511
```
#b49511 rgb(180,149,17)
```
#b4a311
```
#b4a311 rgb(180,163,17)
```
#b4b111
```
#b4b111 rgb(180,177,17)
```
#aab411
```
#aab411 rgb(170,180,17)
```
#9cb411
```
#9cb411 rgb(156,180,17)
```

Similar Colors

Text with hexadecimal color #b4a311

This text has a font color of #b4a311.

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

#b4a311 background color

This paragraph has a background color of #b4a311.

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

#b4a311 border color

This element has a border color of #b4a311.

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

CSS codes

.text {color:#b4a311;}

.background {background-color:#b4a311;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#131102
```
#131102 rgb(19,17,2)
```
#252103
```
#252103 rgb(37,33,3)
```
#373105
```
#373105 rgb(55,49,5)
```
#484207
```
#484207 rgb(72,66,7)
```
#5a5209
```
#5a5209 rgb(90,82,9)
```
#6c620a
```
#6c620a rgb(108,98,10)
```
#7e720c
```
#7e720c rgb(126,114,12)
```
#90830e
```
#90830e rgb(144,131,14)
```
#a2930f
```
#a2930f rgb(162,147,15)
```
#b4a311
```
#b4a311 rgb(180,163,17)
```
#c6b313
```
#c6b313 rgb(198,179,19)
```
#d8c314
```
#d8c314 rgb(216,195,20)
```

Shade Color Variation

#e9d317
```
#e9d317 rgb(233,211,23)
```
#ebd729
```
#ebd729 rgb(235,215,41)
```
#ecda3b
```
#ecda3b rgb(236,218,59)
```
#eedd4d
```
#eedd4d rgb(238,221,77)
```
#f0e15e
```
#f0e15e rgb(240,225,94)
```
#f2e470
```
#f2e470 rgb(242,228,112)
```
#f3e782
```
#f3e782 rgb(243,231,130)
```
#f5eb94
```
#f5eb94 rgb(245,235,148)
```
#f7eea6
```
#f7eea6 rgb(247,238,166)
```
#f8f2b8
```
#f8f2b8 rgb(248,242,184)
```
#faf5ca
```
#faf5ca rgb(250,245,202)
```
#fcf8dc
```
#fcf8dc rgb(252,248,220)
```
#fdfcee
```
#fdfcee rgb(253,252,238)
```

Tint Color Variation

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

#68675d
```
#68675d rgb(104,103,93)
```
#706d55
```
#706d55 rgb(112,109,85)
```
#77734e
```
#77734e rgb(119,115,78)
```
#7f7946
```
#7f7946 rgb(127,121,70)
```
#877f3e
```
#877f3e rgb(135,127,62)
```
#8e8537
```
#8e8537 rgb(142,133,55)
```
#968b2f
```
#968b2f rgb(150,139,47)
```
#9d9128
```
#9d9128 rgb(157,145,40)
```
#a59720
```
#a59720 rgb(165,151,32)
```
#ac9d19
```
#ac9d19 rgb(172,157,25)
```
#b4a311
```
#b4a311 rgb(180,163,17)
```
#bca909
```
#bca909 rgb(188,169,9)
```
#c3af02
```
#c3af02 rgb(195,175,2)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9d997c Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa61d Protanopia 1% of men
#cf9e25 Deuteranopia 1% of men
#c29ca7 Tritanopia 0.001% of the population

Trichromacy

#b8a518 Protanomaly 1% of men, 0.01% of women
#c5a01e Deuteranomaly 6% of men, 0.4% of women
#bd9f70 Tritanomaly 0.01% of the population

#b4a311 hex color

#b4a311 Color Information

#b4a311 Color Conversion

Color Schemes with #b4a311

Alternatives to #b4a311

#b4a311 Preview

Shades and Tints of #b4a311

Tones of #b4a311

Color Blindness Simulator