#b4a303 hex color

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

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

● #b4a303 color description : Strong yellow.

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

Hex triplet	b4a303	`#b4a303`
RGB Decimal	180, 163, 3	`rgb(180,163,3)`
RGB Percent	70.6, 63.9, 1.2	`rgb(70.6%,63.9%,1.2%)`
CMYK	0, 9, 98, 29
HSL	54.2°, 96.7, 35.9	`hsl(54.2,96.7%,35.9%)`
HSV (or HSB)	54.2°, 98.3, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	66.447, -7.772, 68.969
XYZ	31.936, 35.905, 5.334
xyY	0.436, 0.491, 35.905
CIE-LCH	66.447, 69.405, 96.43
CIE-LUV	66.447, 17.244, 71.371
Hunter-Lab	59.921, -9.726, 36.667
Binary	10110100, 10100011, 00000011

#b4a303
```
#b4a303 rgb(180,163,3)
```
#0314b4
```
#0314b4 rgb(3,20,180)
```

Complementary Color

#b44b03
```
#b44b03 rgb(180,75,3)
```
#b4a303
```
#b4a303 rgb(180,163,3)
```
#6db403
```
#6db403 rgb(109,180,3)
```

Analogous Color

#4b03b4
```
#4b03b4 rgb(75,3,180)
```
#b4a303
```
#b4a303 rgb(180,163,3)
```
#036db4
```
#036db4 rgb(3,109,180)
```

Split Complementary Color

#a303b4
```
#a303b4 rgb(163,3,180)
```
#b4a303
```
#b4a303 rgb(180,163,3)
```
#03b4a3
```
#03b4a3 rgb(3,180,163)
```

Triadic Color

#b40314
```
#b40314 rgb(180,3,20)
```
#b4a303
```
#b4a303 rgb(180,163,3)
```
#03b4a3
```
#03b4a3 rgb(3,180,163)
```
#0314b4
```
#0314b4 rgb(3,20,180)
```

Tetradic Color

#695f02
```
#695f02 rgb(105,95,2)
```
#827602
```
#827602 rgb(130,118,2)
```
#9b8c03
```
#9b8c03 rgb(155,140,3)
```
#b4a303
```
#b4a303 rgb(180,163,3)
```
#cdba03
```
#cdba03 rgb(205,186,3)
```
#e6d004
```
#e6d004 rgb(230,208,4)
```
#fbe409
```
#fbe409 rgb(251,228,9)
```

Monochromatic Color

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

#b47703
```
#b47703 rgb(180,119,3)
```
#b48603
```
#b48603 rgb(180,134,3)
```
#b49403
```
#b49403 rgb(180,148,3)
```
#b4a303
```
#b4a303 rgb(180,163,3)
```
#b4b203
```
#b4b203 rgb(180,178,3)
```
#a8b403
```
#a8b403 rgb(168,180,3)
```
#99b403
```
#99b403 rgb(153,180,3)
```

Similar Colors

Text with hexadecimal color #b4a303

This text has a font color of #b4a303.

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

#b4a303 background color

This paragraph has a background color of #b4a303.

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

#b4a303 border color

This element has a border color of #b4a303.

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

CSS codes

.text {color:#b4a303;}

.background {background-color:#b4a303;}

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

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

#060600
```
#060600 rgb(6,6,0)
```
#1a1700
```
#1a1700 rgb(26,23,0)
```
#2d2901
```
#2d2901 rgb(45,41,1)
```
#403a01
```
#403a01 rgb(64,58,1)
```
#544c01
```
#544c01 rgb(84,76,1)
```
#675d02
```
#675d02 rgb(103,93,2)
```
#7a6f02
```
#7a6f02 rgb(122,111,2)
```
#8d8002
```
#8d8002 rgb(141,128,2)
```
#a19203
```
#a19203 rgb(161,146,3)
```
#b4a303
```
#b4a303 rgb(180,163,3)
```
#c7b403
```
#c7b403 rgb(199,180,3)
```
#dbc604
```
#dbc604 rgb(219,198,4)
```
#eed704
```
#eed704 rgb(238,215,4)
```

Shade Color Variation

#fbe40b
```
#fbe40b rgb(251,228,11)
```
#fbe61e
```
#fbe61e rgb(251,230,30)
```
#fce831
```
#fce831 rgb(252,232,49)
```
#fcea44
```
#fcea44 rgb(252,234,68)
```
#fcec58
```
#fcec58 rgb(252,236,88)
```
#fdef6b
```
#fdef6b rgb(253,239,107)
```
#fdf17e
```
#fdf17e rgb(253,241,126)
```
#fdf392
```
#fdf392 rgb(253,243,146)
```
#fdf5a5
```
#fdf5a5 rgb(253,245,165)
```
#fef7b8
```
#fef7b8 rgb(254,247,184)
```
#fef9cb
```
#fef9cb rgb(254,249,203)
```
#fefbdf
```
#fefbdf rgb(254,251,223)
```
#fffef2
```
#fffef2 rgb(255,254,242)
```

Tint Color Variation

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

#605f57
```
#605f57 rgb(96,95,87)
```
#676450
```
#676450 rgb(103,100,80)
```
#6e6a49
```
#6e6a49 rgb(110,106,73)
```
#757042
```
#757042 rgb(117,112,66)
```
#7c763b
```
#7c763b rgb(124,118,59)
```
#837b34
```
#837b34 rgb(131,123,52)
```
#8a812d
```
#8a812d rgb(138,129,45)
```
#918726
```
#918726 rgb(145,135,38)
```
#988c1f
```
#988c1f rgb(152,140,31)
```
#9f9218
```
#9f9218 rgb(159,146,24)
```
#a69811
```
#a69811 rgb(166,152,17)
```
#ad9d0a
```
#ad9d0a rgb(173,157,10)
```
#b4a303
```
#b4a303 rgb(180,163,3)
```

Tone Color Variation

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

#baa60d Protanopia 1% of men
#d09e1c Deuteranopia 1% of men
#c29ca7 Tritanopia 0.001% of the population

Trichromacy

#b8a509 Protanomaly 1% of men, 0.01% of women
#c5a013 Deuteranomaly 6% of men, 0.4% of women
#bd9e6b Tritanomaly 0.01% of the population

#b4a303 hex color

#b4a303 Color Information

#b4a303 Color Conversion

Color Schemes with #b4a303

Alternatives to #b4a303

#b4a303 Preview

Shades and Tints of #b4a303

Tones of #b4a303

Color Blindness Simulator