#b4a301 hex color

In a RGB color space, hex #b4a301 is composed of 70.6% red, 63.9% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.4% magenta, 99.4% yellow and 29.4% black. It has a hue angle of 54.3 degrees, a saturation of 98.9% and a lightness of 35.5%. #b4a301 color hex could be obtained by blending #ffff02 with #694700. Closest websafe color is: #cc9900.

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

● #b4a301 color description : Strong yellow.

The hexadecimal color #b4a301 has RGB values of R:180, G:163, B:1 and CMYK values of C:0, M:0.09, Y:0.99, K:0.29. Its decimal value is 11838209.

Hex triplet	b4a301	`#b4a301`
RGB Decimal	180, 163, 1	`rgb(180,163,1)`
RGB Percent	70.6, 63.9, 0.4	`rgb(70.6%,63.9%,0.4%)`
CMYK	0, 9, 99, 29
HSL	54.3°, 98.9, 35.5	`hsl(54.3,98.9%,35.5%)`
HSV (or HSB)	54.3°, 99.4, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	66.444, -7.798, 69.228
XYZ	31.925, 35.901, 5.277
xyY	0.437, 0.491, 35.901
CIE-LCH	66.444, 69.666, 96.427
CIE-LUV	66.444, 17.259, 71.512
Hunter-Lab	59.917, -9.746, 36.721
Binary	10110100, 10100011, 00000001

#b4a301
```
#b4a301 rgb(180,163,1)
```
#0112b4
```
#0112b4 rgb(1,18,180)
```

Complementary Color

#b44a01
```
#b44a01 rgb(180,74,1)
```
#b4a301
```
#b4a301 rgb(180,163,1)
```
#6cb401
```
#6cb401 rgb(108,180,1)
```

Analogous Color

#4a01b4
```
#4a01b4 rgb(74,1,180)
```
#b4a301
```
#b4a301 rgb(180,163,1)
```
#016cb4
```
#016cb4 rgb(1,108,180)
```

Split Complementary Color

#a301b4
```
#a301b4 rgb(163,1,180)
```
#b4a301
```
#b4a301 rgb(180,163,1)
```
#01b4a3
```
#01b4a3 rgb(1,180,163)
```

Triadic Color

#b40112
```
#b40112 rgb(180,1,18)
```
#b4a301
```
#b4a301 rgb(180,163,1)
```
#01b4a3
```
#01b4a3 rgb(1,180,163)
```
#0112b4
```
#0112b4 rgb(1,18,180)
```

Tetradic Color

#685e01
```
#685e01 rgb(104,94,1)
```
#817501
```
#817501 rgb(129,117,1)
```
#9b8c01
```
#9b8c01 rgb(155,140,1)
```
#b4a301
```
#b4a301 rgb(180,163,1)
```
#cdba01
```
#cdba01 rgb(205,186,1)
```
#e7d101
```
#e7d101 rgb(231,209,1)
```
#fee604
```
#fee604 rgb(254,230,4)
```

Monochromatic Color

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

#b47601
```
#b47601 rgb(180,118,1)
```
#b48501
```
#b48501 rgb(180,133,1)
```
#b49401
```
#b49401 rgb(180,148,1)
```
#b4a301
```
#b4a301 rgb(180,163,1)
```
#b4b201
```
#b4b201 rgb(180,178,1)
```
#a7b401
```
#a7b401 rgb(167,180,1)
```
#98b401
```
#98b401 rgb(152,180,1)
```

Similar Colors

Text with hexadecimal color #b4a301

This text has a font color of #b4a301.

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

#b4a301 background color

This paragraph has a background color of #b4a301.

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

#b4a301 border color

This element has a border color of #b4a301.

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

CSS codes

.text {color:#b4a301;}

.background {background-color:#b4a301;}

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

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

#040400
```
#040400 rgb(4,4,0)
```
#181600
```
#181600 rgb(24,22,0)
```
#2b2700
```
#2b2700 rgb(43,39,0)
```
#3f3900
```
#3f3900 rgb(63,57,0)
```
#524b00
```
#524b00 rgb(82,75,0)
```
#665c01
```
#665c01 rgb(102,92,1)
```
#796e01
```
#796e01 rgb(121,110,1)
```
#8d8001
```
#8d8001 rgb(141,128,1)
```
#a09101
```
#a09101 rgb(160,145,1)
```
#b4a301
```
#b4a301 rgb(180,163,1)
```
#c8b501
```
#c8b501 rgb(200,181,1)
```
#dbc601
```
#dbc601 rgb(219,198,1)
```
#efd801
```
#efd801 rgb(239,216,1)
```

Shade Color Variation

#fee606
```
#fee606 rgb(254,230,6)
```
#fee819
```
#fee819 rgb(254,232,25)
```
#feea2d
```
#feea2d rgb(254,234,45)
```
#feec40
```
#feec40 rgb(254,236,64)
```
#feee54
```
#feee54 rgb(254,238,84)
```
#fef067
```
#fef067 rgb(254,240,103)
```
#fef27b
```
#fef27b rgb(254,242,123)
```
#fef48e
```
#fef48e rgb(254,244,142)
```
#fef6a2
```
#fef6a2 rgb(254,246,162)
```
#fff8b5
```
#fff8b5 rgb(255,248,181)
```
#fffac9
```
#fffac9 rgb(255,250,201)
```
#fffcdc
```
#fffcdc rgb(255,252,220)
```
#fffdf0
```
#fffdf0 rgb(255,253,240)
```

Tint Color Variation

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

#605f55
```
#605f55 rgb(96,95,85)
```
#67654e
```
#67654e rgb(103,101,78)
```
#6e6b47
```
#6e6b47 rgb(110,107,71)
```
#757040
```
#757040 rgb(117,112,64)
```
#7c7639
```
#7c7639 rgb(124,118,57)
```
#837c32
```
#837c32 rgb(131,124,50)
```
#8a812b
```
#8a812b rgb(138,129,43)
```
#918724
```
#918724 rgb(145,135,36)
```
#988c1d
```
#988c1d rgb(152,140,29)
```
#9f9216
```
#9f9216 rgb(159,146,22)
```
#a6980f
```
#a6980f rgb(166,152,15)
```
#ad9d08
```
#ad9d08 rgb(173,157,8)
```
#b4a301
```
#b4a301 rgb(180,163,1)
```

Tone Color Variation

Below, you can see how #b4a301 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
#9c9978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa607 Protanopia 1% of men
#d09e1b Deuteranopia 1% of men
#c29ca7 Tritanopia 0.001% of the population

Trichromacy

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

#b4a301 hex color

#b4a301 Color Information

#b4a301 Color Conversion

Color Schemes with #b4a301

Alternatives to #b4a301

#b4a301 Preview

Shades and Tints of #b4a301

Tones of #b4a301

Color Blindness Simulator