#b4a748 hex color

In a RGB color space, hex #b4a748 is composed of 70.6% red, 65.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.2% magenta, 60% yellow and 29.4% black. It has a hue angle of 52.8 degrees, a saturation of 42.9% and a lightness of 49.4%. #b4a748 color hex could be obtained by blending #ffff90 with #694f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 65
- B 28
RGB color chart
- C 0
- M 7
- Y 60
- K 29
CMYK color chart

● #b4a748 color description : Moderate yellow.

The hexadecimal color #b4a748 has RGB values of R:180, G:167, B:72 and CMYK values of C:0, M:0.07, Y:0.6, K:0.29. Its decimal value is 11839304.

Hex triplet	b4a748	`#b4a748`
RGB Decimal	180, 167, 72	`rgb(180,167,72)`
RGB Percent	70.6, 65.5, 28.2	`rgb(70.6%,65.5%,28.2%)`
CMYK	0, 7, 60, 29
HSL	52.8°, 42.9, 49.4	`hsl(52.8,42.9%,49.4%)`
HSV (or HSB)	52.8°, 60, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.88, -7.275, 49.679
XYZ	33.811, 37.809, 11.648
xyY	0.406, 0.454, 37.809
CIE-LCH	67.88, 50.209, 98.331
CIE-LUV	67.88, 13.097, 58.939
Hunter-Lab	61.489, -9.456, 31.812
Binary	10110100, 10100111, 01001000

#b4a748
```
#b4a748 rgb(180,167,72)
```
#4855b4
```
#4855b4 rgb(72,85,180)
```

Complementary Color

#b47148
```
#b47148 rgb(180,113,72)
```
#b4a748
```
#b4a748 rgb(180,167,72)
```
#8bb448
```
#8bb448 rgb(139,180,72)
```

Analogous Color

#7148b4
```
#7148b4 rgb(113,72,180)
```
#b4a748
```
#b4a748 rgb(180,167,72)
```
#488bb4
```
#488bb4 rgb(72,139,180)
```

Split Complementary Color

#a748b4
```
#a748b4 rgb(167,72,180)
```
#b4a748
```
#b4a748 rgb(180,167,72)
```
#48b4a7
```
#48b4a7 rgb(72,180,167)
```

Triadic Color

#b44855
```
#b44855 rgb(180,72,85)
```
#b4a748
```
#b4a748 rgb(180,167,72)
```
#48b4a7
```
#48b4a7 rgb(72,180,167)
```
#4855b4
```
#4855b4 rgb(72,85,180)
```

Tetradic Color

#7d7432
```
#7d7432 rgb(125,116,50)
```
#908539
```
#908539 rgb(144,133,57)
```
#a29641
```
#a29641 rgb(162,150,65)
```
#b4a748
```
#b4a748 rgb(180,167,72)
```
#bdb159
```
#bdb159 rgb(189,177,89)
```
#c4b96b
```
#c4b96b rgb(196,185,107)
```
#cbc27d
```
#cbc27d rgb(203,194,125)
```

Monochromatic Color

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

#b48c48
```
#b48c48 rgb(180,140,72)
```
#b49548
```
#b49548 rgb(180,149,72)
```
#b49e48
```
#b49e48 rgb(180,158,72)
```
#b4a748
```
#b4a748 rgb(180,167,72)
```
#b4b048
```
#b4b048 rgb(180,176,72)
```
#afb448
```
#afb448 rgb(175,180,72)
```
#a6b448
```
#a6b448 rgb(166,180,72)
```

Similar Colors

Text with hexadecimal color #b4a748

This text has a font color of #b4a748.

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

#b4a748 background color

This paragraph has a background color of #b4a748.

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

#b4a748 border color

This element has a border color of #b4a748.

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

CSS codes

.text {color:#b4a748;}

.background {background-color:#b4a748;}

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

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, #0c0b05 is the darkest color, while #fefefd is the lightest one.

#0c0b05
```
#0c0b05 rgb(12,11,5)
```
#1a180a
```
#1a180a rgb(26,24,10)
```
#282510
```
#282510 rgb(40,37,16)
```
#363216
```
#363216 rgb(54,50,22)
```
#443f1b
```
#443f1b rgb(68,63,27)
```
#524c21
```
#524c21 rgb(82,76,33)
```
#605926
```
#605926 rgb(96,89,38)
```
#6e662c
```
#6e662c rgb(110,102,44)
```
#7c7332
```
#7c7332 rgb(124,115,50)
```
#8a8037
```
#8a8037 rgb(138,128,55)
```
#988d3d
```
#988d3d rgb(152,141,61)
```
#a69a42
```
#a69a42 rgb(166,154,66)
```
#b4a748
```
#b4a748 rgb(180,167,72)
```

Shade Color Variation

#bbaf55
```
#bbaf55 rgb(187,175,85)
```
#c0b563
```
#c0b563 rgb(192,181,99)
```
#c6bc71
```
#c6bc71 rgb(198,188,113)
```
#ccc27f
```
#ccc27f rgb(204,194,127)
```
#d1c98d
```
#d1c98d rgb(209,201,141)
```
#d7d09b
```
#d7d09b rgb(215,208,155)
```
#ddd6a9
```
#ddd6a9 rgb(221,214,169)
```
#e2ddb7
```
#e2ddb7 rgb(226,221,183)
```
#e8e4c5
```
#e8e4c5 rgb(232,228,197)
```
#edead3
```
#edead3 rgb(237,234,211)
```
#f3f1e1
```
#f3f1e1 rgb(243,241,225)
```
#f9f7ef
```
#f9f7ef rgb(249,247,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#848278
```
#848278 rgb(132,130,120)
```
#8d8a6f
```
#8d8a6f rgb(141,138,111)
```
#979165
```
#979165 rgb(151,145,101)
```
#a1985b
```
#a1985b rgb(161,152,91)
```
#aaa052
```
#aaa052 rgb(170,160,82)
```
#b4a748
```
#b4a748 rgb(180,167,72)
```
#beae3e
```
#beae3e rgb(190,174,62)
```
#c7b635
```
#c7b635 rgb(199,182,53)
```
#d1bd2b
```
#d1bd2b rgb(209,189,43)
```
#dbc421
```
#dbc421 rgb(219,196,33)
```
#e4cc18
```
#e4cc18 rgb(228,204,24)
```
#eed30e
```
#eed30e rgb(238,211,14)
```
#f8db04
```
#f8db04 rgb(248,219,4)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a4a18e Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcaa51 Protanopia 1% of men
#d0a254 Deuteranopia 1% of men
#c1a1ad Tritanopia 0.001% of the population

Trichromacy

#b9a94d Protanomaly 1% of men, 0.01% of women
#c5a450 Deuteranomaly 6% of men, 0.4% of women
#bca388 Tritanomaly 0.01% of the population

#b4a748 hex color

#b4a748 Color Information

#b4a748 Color Conversion

Color Schemes with #b4a748

Alternatives to #b4a748

#b4a748 Preview

Shades and Tints of #b4a748

Tones of #b4a748

Color Blindness Simulator