#b4a338 hex color

In a RGB color space, hex #b4a338 is composed of 70.6% red, 63.9% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.4% magenta, 68.9% yellow and 29.4% black. It has a hue angle of 51.8 degrees, a saturation of 52.5% and a lightness of 46.3%. #b4a338 color hex could be obtained by blending #ffff70 with #694700. Closest websafe color is: #cc9933.

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

● #b4a338 color description : Moderate yellow.

The hexadecimal color #b4a338 has RGB values of R:180, G:163, B:56 and CMYK values of C:0, M:0.09, Y:0.69, K:0.29. Its decimal value is 11838264.

Hex triplet	b4a338	`#b4a338`
RGB Decimal	180, 163, 56	`rgb(180,163,56)`
RGB Percent	70.6, 63.9, 22	`rgb(70.6%,63.9%,22%)`
CMYK	0, 9, 69, 29
HSL	51.8°, 52.5, 46.3	`hsl(51.8,52.5%,46.3%)`
HSV (or HSB)	51.8°, 68.9, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.66, -6.179, 55.376
XYZ	32.634, 36.184, 9.006
xyY	0.419, 0.465, 36.184
CIE-LCH	66.66, 55.719, 96.367
CIE-LUV	66.66, 16.331, 62.611
Hunter-Lab	60.153, -8.431, 33.23
Binary	10110100, 10100011, 00111000

#b4a338
```
#b4a338 rgb(180,163,56)
```
#3849b4
```
#3849b4 rgb(56,73,180)
```

Complementary Color

#b46538
```
#b46538 rgb(180,101,56)
```
#b4a338
```
#b4a338 rgb(180,163,56)
```
#87b438
```
#87b438 rgb(135,180,56)
```

Analogous Color

#6538b4
```
#6538b4 rgb(101,56,180)
```
#b4a338
```
#b4a338 rgb(180,163,56)
```
#3887b4
```
#3887b4 rgb(56,135,180)
```

Split Complementary Color

#a338b4
```
#a338b4 rgb(163,56,180)
```
#b4a338
```
#b4a338 rgb(180,163,56)
```
#38b4a3
```
#38b4a3 rgb(56,180,163)
```

Triadic Color

#b43849
```
#b43849 rgb(180,56,73)
```
#b4a338
```
#b4a338 rgb(180,163,56)
```
#38b4a3
```
#38b4a3 rgb(56,180,163)
```
#3849b4
```
#3849b4 rgb(56,73,180)
```

Tetradic Color

#7a6e26
```
#7a6e26 rgb(122,110,38)
```
#8d802c
```
#8d802c rgb(141,128,44)
```
#a19132
```
#a19132 rgb(161,145,50)
```
#b4a338
```
#b4a338 rgb(180,163,56)
```
#c4b241
```
#c4b241 rgb(196,178,65)
```
#caba55
```
#caba55 rgb(202,186,85)
```
#d0c268
```
#d0c268 rgb(208,194,104)
```

Monochromatic Color

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

#b48438
```
#b48438 rgb(180,132,56)
```
#b48e38
```
#b48e38 rgb(180,142,56)
```
#b49938
```
#b49938 rgb(180,153,56)
```
#b4a338
```
#b4a338 rgb(180,163,56)
```
#b4ad38
```
#b4ad38 rgb(180,173,56)
```
#b0b438
```
#b0b438 rgb(176,180,56)
```
#a6b438
```
#a6b438 rgb(166,180,56)
```

Similar Colors

Text with hexadecimal color #b4a338

This text has a font color of #b4a338.

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

#b4a338 background color

This paragraph has a background color of #b4a338.

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

#b4a338 border color

This element has a border color of #b4a338.

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

CSS codes

.text {color:#b4a338;}

.background {background-color:#b4a338;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0f0e05
```
#0f0e05 rgb(15,14,5)
```
#1e1c09
```
#1e1c09 rgb(30,28,9)
```
#2d290e
```
#2d290e rgb(45,41,14)
```
#3c3713
```
#3c3713 rgb(60,55,19)
```
#4b4417
```
#4b4417 rgb(75,68,23)
```
#5a521c
```
#5a521c rgb(90,82,28)
```
#695f21
```
#695f21 rgb(105,95,33)
```
#786d25
```
#786d25 rgb(120,109,37)
```
#877a2a
```
#877a2a rgb(135,122,42)
```
#96882f
```
#96882f rgb(150,136,47)
```
#a59533
```
#a59533 rgb(165,149,51)
```
#b4a338
```
#b4a338 rgb(180,163,56)
```

Shade Color Variation

#c3b03d
```
#c3b03d rgb(195,176,61)
```
#c7b64c
```
#c7b64c rgb(199,182,76)
```
#ccbc5b
```
#ccbc5b rgb(204,188,91)
```
#d1c36a
```
#d1c36a rgb(209,195,106)
```
#d5c979
```
#d5c979 rgb(213,201,121)
```
#dacf88
```
#dacf88 rgb(218,207,136)
```
#dfd597
```
#dfd597 rgb(223,213,151)
```
#e3dba6
```
#e3dba6 rgb(227,219,166)
```
#e8e1b5
```
#e8e1b5 rgb(232,225,181)
```
#ede7c4
```
#ede7c4 rgb(237,231,196)
```
#f1edd3
```
#f1edd3 rgb(241,237,211)
```
#f6f3e2
```
#f6f3e2 rgb(246,243,226)
```
#faf9f1
```
#faf9f1 rgb(250,249,241)
```

Tint Color Variation

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

#7e7b6e
```
#7e7b6e rgb(126,123,110)
```
#878265
```
#878265 rgb(135,130,101)
```
#90895c
```
#90895c rgb(144,137,92)
```
#998f53
```
#998f53 rgb(153,143,83)
```
#a2964a
```
#a2964a rgb(162,150,74)
```
#ab9c41
```
#ab9c41 rgb(171,156,65)
```
#b4a338
```
#b4a338 rgb(180,163,56)
```
#bdaa2f
```
#bdaa2f rgb(189,170,47)
```
#c6b026
```
#c6b026 rgb(198,176,38)
```
#cfb71d
```
#cfb71d rgb(207,183,29)
```
#d8bd14
```
#d8bd14 rgb(216,189,20)
```
#e1c40b
```
#e1c40b rgb(225,196,11)
```
#eacb02
```
#eacb02 rgb(234,203,2)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a19d88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a742 Protanopia 1% of men
#ce9f45 Deuteranopia 1% of men
#c19da8 Tritanopia 0.001% of the population

Trichromacy

#b7a53e Protanomaly 1% of men, 0.01% of women
#c4a040 Deuteranomaly 6% of men, 0.4% of women
#bc9f7f Tritanomaly 0.01% of the population

#b4a338 hex color

#b4a338 Color Information

#b4a338 Color Conversion

Color Schemes with #b4a338

Alternatives to #b4a338

#b4a338 Preview

Shades and Tints of #b4a338

Tones of #b4a338

Color Blindness Simulator