#b4a648 hex color

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

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

● #b4a648 color description : Moderate yellow.

The hexadecimal color #b4a648 has RGB values of R:180, G:166, B:72 and CMYK values of C:0, M:0.08, Y:0.6, K:0.29. Its decimal value is 11839048.

Hex triplet	b4a648	`#b4a648`
RGB Decimal	180, 166, 72	`rgb(180,166,72)`
RGB Percent	70.6, 65.1, 28.2	`rgb(70.6%,65.1%,28.2%)`
CMYK	0, 8, 60, 29
HSL	52.2°, 42.9, 49.4	`hsl(52.2,42.9%,49.4%)`
HSV (or HSB)	52.2°, 60, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.609, -6.746, 49.378
XYZ	33.628, 37.444, 11.587
xyY	0.407, 0.453, 37.444
CIE-LCH	67.609, 49.837, 97.78
CIE-LUV	67.609, 13.759, 58.481
Hunter-Lab	61.192, -8.99, 31.608
Binary	10110100, 10100110, 01001000

#b4a648
```
#b4a648 rgb(180,166,72)
```
#4856b4
```
#4856b4 rgb(72,86,180)
```

Complementary Color

#b47048
```
#b47048 rgb(180,112,72)
```
#b4a648
```
#b4a648 rgb(180,166,72)
```
#8cb448
```
#8cb448 rgb(140,180,72)
```

Analogous Color

#7048b4
```
#7048b4 rgb(112,72,180)
```
#b4a648
```
#b4a648 rgb(180,166,72)
```
#488cb4
```
#488cb4 rgb(72,140,180)
```

Split Complementary Color

#a648b4
```
#a648b4 rgb(166,72,180)
```
#b4a648
```
#b4a648 rgb(180,166,72)
```
#48b4a6
```
#48b4a6 rgb(72,180,166)
```

Triadic Color

#b44856
```
#b44856 rgb(180,72,86)
```
#b4a648
```
#b4a648 rgb(180,166,72)
```
#48b4a6
```
#48b4a6 rgb(72,180,166)
```
#4856b4
```
#4856b4 rgb(72,86,180)
```

Tetradic Color

#7d7432
```
#7d7432 rgb(125,116,50)
```
#908439
```
#908439 rgb(144,132,57)
```
#a29541
```
#a29541 rgb(162,149,65)
```
#b4a648
```
#b4a648 rgb(180,166,72)
```
#bdb059
```
#bdb059 rgb(189,176,89)
```
#c4b86b
```
#c4b86b rgb(196,184,107)
```
#cbc17d
```
#cbc17d rgb(203,193,125)
```

Monochromatic Color

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

#b48b48
```
#b48b48 rgb(180,139,72)
```
#b49448
```
#b49448 rgb(180,148,72)
```
#b49d48
```
#b49d48 rgb(180,157,72)
```
#b4a648
```
#b4a648 rgb(180,166,72)
```
#b4af48
```
#b4af48 rgb(180,175,72)
```
#b0b448
```
#b0b448 rgb(176,180,72)
```
#a7b448
```
#a7b448 rgb(167,180,72)
```

Similar Colors

Text with hexadecimal color #b4a648

This text has a font color of #b4a648.

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

#b4a648 background color

This paragraph has a background color of #b4a648.

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

#b4a648 border color

This element has a border color of #b4a648.

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

CSS codes

.text {color:#b4a648;}

.background {background-color:#b4a648;}

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

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)
```
#605826
```
#605826 rgb(96,88,38)
```
#6e652c
```
#6e652c rgb(110,101,44)
```
#7c7232
```
#7c7232 rgb(124,114,50)
```
#8a7f37
```
#8a7f37 rgb(138,127,55)
```
#988c3d
```
#988c3d rgb(152,140,61)
```
#a69942
```
#a69942 rgb(166,153,66)
```
#b4a648
```
#b4a648 rgb(180,166,72)
```

Shade Color Variation

#bbae55
```
#bbae55 rgb(187,174,85)
```
#c0b463
```
#c0b463 rgb(192,180,99)
```
#c6bb71
```
#c6bb71 rgb(198,187,113)
```
#ccc27f
```
#ccc27f rgb(204,194,127)
```
#d1c88d
```
#d1c88d rgb(209,200,141)
```
#d7cf9b
```
#d7cf9b rgb(215,207,155)
```
#ddd6a9
```
#ddd6a9 rgb(221,214,169)
```
#e2ddb7
```
#e2ddb7 rgb(226,221,183)
```
#e8e3c5
```
#e8e3c5 rgb(232,227,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 #f8d804 is the most saturated one.

#848278
```
#848278 rgb(132,130,120)
```
#8d896f
```
#8d896f rgb(141,137,111)
```
#979065
```
#979065 rgb(151,144,101)
```
#a1985b
```
#a1985b rgb(161,152,91)
```
#aa9f52
```
#aa9f52 rgb(170,159,82)
```
#b4a648
```
#b4a648 rgb(180,166,72)
```
#bead3e
```
#bead3e rgb(190,173,62)
```
#c7b435
```
#c7b435 rgb(199,180,53)
```
#d1bc2b
```
#d1bc2b rgb(209,188,43)
```
#dbc321
```
#dbc321 rgb(219,195,33)
```
#e4ca18
```
#e4ca18 rgb(228,202,24)
```
#eed10e
```
#eed10e rgb(238,209,14)
```
#f8d804
```
#f8d804 rgb(248,216,4)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a3a08e Atypical Achromatopsia 0.001% of the population

Dichromacy

#bba951 Protanopia 1% of men
#cfa154 Deuteranopia 1% of men
#c1a0ac Tritanopia 0.001% of the population

Trichromacy

#b8a84d Protanomaly 1% of men, 0.01% of women
#c5a350 Deuteranomaly 6% of men, 0.4% of women
#bca287 Tritanomaly 0.01% of the population

#b4a648 hex color

#b4a648 Color Information

#b4a648 Color Conversion

Color Schemes with #b4a648

Alternatives to #b4a648

#b4a648 Preview

Shades and Tints of #b4a648

Tones of #b4a648

Color Blindness Simulator