colorhexa.com

#b4a304 hex color

In a RGB color space, hex #b4a304 is composed of 70.6% red, 63.9% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.4% magenta, 97.8% yellow and 29.4% black. It has a hue angle of 54.2 degrees, a saturation of 95.7% and a lightness of 36.1%. #b4a304 color hex could be obtained by blending #ffff08 with #694700. Closest websafe color is: #cc9900.

- R 71
- G 64
- B 2
RGB color chart
- C 0
- M 9
- Y 98
- K 29
CMYK color chart

● #b4a304 color description : Strong yellow.

The hexadecimal color #b4a304 has RGB values of R:180, G:163, B:4 and CMYK values of C:0, M:0.09, Y:0.98, K:0.29. Its decimal value is 11838212.

Hex triplet	b4a304	`#b4a304`
RGB Decimal	180, 163, 4	`rgb(180,163,4)`
RGB Percent	70.6, 63.9, 1.6	`rgb(70.6%,63.9%,1.6%)`
CMYK	0, 9, 98, 29
HSL	54.2°, 95.7, 36.1	`hsl(54.2,95.7%,36.1%)`
HSV (or HSB)	54.2°, 97.8, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	66.449, -7.76, 68.84
XYZ	31.942, 35.907, 5.363
xyY	0.436, 0.49, 35.907
CIE-LCH	66.449, 69.276, 96.431
CIE-LUV	66.449, 17.237, 71.3
Hunter-Lab	59.923, -9.716, 36.639
Binary	10110100, 10100011, 00000100

#b4a304
```
#b4a304 rgb(180,163,4)
```
#0415b4
```
#0415b4 rgb(4,21,180)
```

Complementary Color

#b44b04
```
#b44b04 rgb(180,75,4)
```
#b4a304
```
#b4a304 rgb(180,163,4)
```
#6db404
```
#6db404 rgb(109,180,4)
```

Analogous Color

#4b04b4
```
#4b04b4 rgb(75,4,180)
```
#b4a304
```
#b4a304 rgb(180,163,4)
```
#046db4
```
#046db4 rgb(4,109,180)
```

Split Complementary Color

#a304b4
```
#a304b4 rgb(163,4,180)
```
#b4a304
```
#b4a304 rgb(180,163,4)
```
#04b4a3
```
#04b4a3 rgb(4,180,163)
```

Triadic Color

#695f02
```
#695f02 rgb(105,95,2)
```
#827603
```
#827603 rgb(130,118,3)
```
#9b8c03
```
#9b8c03 rgb(155,140,3)
```
#b4a304
```
#b4a304 rgb(180,163,4)
```
#cdba05
```
#cdba05 rgb(205,186,5)
```
#e6d005
```
#e6d005 rgb(230,208,5)
```
#fae30b
```
#fae30b rgb(250,227,11)
```

Monochromatic Color

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

#b47704
```
#b47704 rgb(180,119,4)
```
#b48604
```
#b48604 rgb(180,134,4)
```
#b49404
```
#b49404 rgb(180,148,4)
```
#b4a304
```
#b4a304 rgb(180,163,4)
```
#b4b204
```
#b4b204 rgb(180,178,4)
```
#a8b404
```
#a8b404 rgb(168,180,4)
```
#99b404
```
#99b404 rgb(153,180,4)
```

Similar Colors

Text with hexadecimal color #b4a304

This text has a font color of #b4a304.

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

#b4a304 background color

This paragraph has a background color of #b4a304.

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

#b4a304 border color

This element has a border color of #b4a304.

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

CSS codes

.text {color:#b4a304;}

.background {background-color:#b4a304;}

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

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

#070700
```
#070700 rgb(7,7,0)
```
#1a1801
```
#1a1801 rgb(26,24,1)
```
#2e2901
```
#2e2901 rgb(46,41,1)
```
#413b01
```
#413b01 rgb(65,59,1)
```
#544c02
```
#544c02 rgb(84,76,2)
```
#675d02
```
#675d02 rgb(103,93,2)
```
#7a6f03
```
#7a6f03 rgb(122,111,3)
```
#8e8003
```
#8e8003 rgb(142,128,3)
```
#a19204
```
#a19204 rgb(161,146,4)
```
#b4a304
```
#b4a304 rgb(180,163,4)
```
#c7b404
```
#c7b404 rgb(199,180,4)
```
#dac605
```
#dac605 rgb(218,198,5)
```
#eed705
```
#eed705 rgb(238,215,5)
```

Shade Color Variation

#fae30d
```
#fae30d rgb(250,227,13)
```
#fae520
```
#fae520 rgb(250,229,32)
```
#fae733
```
#fae733 rgb(250,231,51)
```
#fbe946
```
#fbe946 rgb(251,233,70)
```
#fbec5a
```
#fbec5a rgb(251,236,90)
```
#fcee6d
```
#fcee6d rgb(252,238,109)
```
#fcf080
```
#fcf080 rgb(252,240,128)
```
#fdf293
```
#fdf293 rgb(253,242,147)
```
#fdf5a6
```
#fdf5a6 rgb(253,245,166)
```
#fdf7ba
```
#fdf7ba rgb(253,247,186)
```
#fef9cd
```
#fef9cd rgb(254,249,205)
```
#fefbe0
```
#fefbe0 rgb(254,251,224)
```
#fffef3
```
#fffef3 rgb(255,254,243)
```

Tint Color Variation

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

#5f5e59
```
#5f5e59 rgb(95,94,89)
```
#666452
```
#666452 rgb(102,100,82)
```
#6d6a4b
```
#6d6a4b rgb(109,106,75)
```
#747044
```
#747044 rgb(116,112,68)
```
#7b753d
```
#7b753d rgb(123,117,61)
```
#827b36
```
#827b36 rgb(130,123,54)
```
#8a812e
```
#8a812e rgb(138,129,46)
```
#918627
```
#918627 rgb(145,134,39)
```
#988c20
```
#988c20 rgb(152,140,32)
```
#9f9219
```
#9f9219 rgb(159,146,25)
```
#a69812
```
#a69812 rgb(166,152,18)
```
#ad9d0b
```
#ad9d0b rgb(173,157,11)
```
#b4a304
```
#b4a304 rgb(180,163,4)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9c9979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa60e Protanopia 1% of men
#d09e1d Deuteranopia 1% of men
#c29ca7 Tritanopia 0.001% of the population

Trichromacy

#b8a50a Protanomaly 1% of men, 0.01% of women
#c5a014 Deuteranomaly 6% of men, 0.4% of women
#bd9e6c Tritanomaly 0.01% of the population