#b4a918 hex color

In a RGB color space, hex #b4a918 is composed of 70.6% red, 66.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.1% magenta, 86.7% yellow and 29.4% black. It has a hue angle of 55.8 degrees, a saturation of 76.5% and a lightness of 40%. #b4a918 color hex could be obtained by blending #ffff30 with #695300. Closest websafe color is: #cc9900.

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

● #b4a918 color description : Strong yellow.

The hexadecimal color #b4a918 has RGB values of R:180, G:169, B:24 and CMYK values of C:0, M:0.06, Y:0.87, K:0.29. Its decimal value is 11839768.

Hex triplet	b4a918	`#b4a918`
RGB Decimal	180, 169, 24	`rgb(180,169,24)`
RGB Percent	70.6, 66.3, 9.4	`rgb(70.6%,66.3%,9.4%)`
CMYK	0, 6, 87, 29
HSL	55.8°, 76.5, 40	`hsl(55.8,76.5%,40%)`
HSV (or HSB)	55.8°, 86.7, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.128, -10.578, 66.965
XYZ	33.175, 38.146, 6.48
xyY	0.426, 0.49, 38.146
CIE-LCH	68.128, 67.796, 98.976
CIE-LUV	68.128, 12.886, 71.862
Hunter-Lab	61.762, -12.204, 37.014
Binary	10110100, 10101001, 00011000

#b4a918
```
#b4a918 rgb(180,169,24)
```
#1823b4
```
#1823b4 rgb(24,35,180)
```

Complementary Color

#b45b18
```
#b45b18 rgb(180,91,24)
```
#b4a918
```
#b4a918 rgb(180,169,24)
```
#71b418
```
#71b418 rgb(113,180,24)
```

Analogous Color

#5b18b4
```
#5b18b4 rgb(91,24,180)
```
#b4a918
```
#b4a918 rgb(180,169,24)
```
#1871b4
```
#1871b4 rgb(24,113,180)
```

Split Complementary Color

#a918b4
```
#a918b4 rgb(169,24,180)
```
#b4a918
```
#b4a918 rgb(180,169,24)
```
#18b4a9
```
#18b4a9 rgb(24,180,169)
```

Triadic Color

#b41823
```
#b41823 rgb(180,24,35)
```
#b4a918
```
#b4a918 rgb(180,169,24)
```
#18b4a9
```
#18b4a9 rgb(24,180,169)
```
#1823b4
```
#1823b4 rgb(24,35,180)
```

Tetradic Color

#716a0f
```
#716a0f rgb(113,106,15)
```
#877f12
```
#877f12 rgb(135,127,18)
```
#9e9415
```
#9e9415 rgb(158,148,21)
```
#b4a918
```
#b4a918 rgb(180,169,24)
```
#cbbe1b
```
#cbbe1b rgb(203,190,27)
```
#e1d31e
```
#e1d31e rgb(225,211,30)
```
#e4d835
```
#e4d835 rgb(228,216,53)
```

Monochromatic Color

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

#b48218
```
#b48218 rgb(180,130,24)
```
#b48f18
```
#b48f18 rgb(180,143,24)
```
#b49c18
```
#b49c18 rgb(180,156,24)
```
#b4a918
```
#b4a918 rgb(180,169,24)
```
#b2b418
```
#b2b418 rgb(178,180,24)
```
#a5b418
```
#a5b418 rgb(165,180,24)
```
#98b418
```
#98b418 rgb(152,180,24)
```

Similar Colors

Text with hexadecimal color #b4a918

This text has a font color of #b4a918.

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

#b4a918 background color

This paragraph has a background color of #b4a918.

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

#b4a918 border color

This element has a border color of #b4a918.

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

CSS codes

.text {color:#b4a918;}

.background {background-color:#b4a918;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#181703
```
#181703 rgb(24,23,3)
```
#2a2706
```
#2a2706 rgb(42,39,6)
```
#3b3708
```
#3b3708 rgb(59,55,8)
```
#4c480a
```
#4c480a rgb(76,72,10)
```
#5d580c
```
#5d580c rgb(93,88,12)
```
#6f680f
```
#6f680f rgb(111,104,15)
```
#807811
```
#807811 rgb(128,120,17)
```
#918913
```
#918913 rgb(145,137,19)
```
#a39916
```
#a39916 rgb(163,153,22)
```
#b4a918
```
#b4a918 rgb(180,169,24)
```
#c5b91a
```
#c5b91a rgb(197,185,26)
```
#d7ca1d
```
#d7ca1d rgb(215,202,29)
```

Shade Color Variation

#e2d525
```
#e2d525 rgb(226,213,37)
```
#e4d836
```
#e4d836 rgb(228,216,54)
```
#e7db48
```
#e7db48 rgb(231,219,72)
```
#e9df59
```
#e9df59 rgb(233,223,89)
```
#ebe26a
```
#ebe26a rgb(235,226,106)
```
#ede57b
```
#ede57b rgb(237,229,123)
```
#f0e98d
```
#f0e98d rgb(240,233,141)
```
#f2ec9e
```
#f2ec9e rgb(242,236,158)
```
#f4f0af
```
#f4f0af rgb(244,240,175)
```
#f7f3c1
```
#f7f3c1 rgb(247,243,193)
```
#f9f6d2
```
#f9f6d2 rgb(249,246,210)
```
#fbfae3
```
#fbfae3 rgb(251,250,227)
```
#fefdf5
```
#fefdf5 rgb(254,253,245)
```

Tint Color Variation

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

#6d6c5f
```
#6d6c5f rgb(109,108,95)
```
#757357
```
#757357 rgb(117,115,87)
```
#7d7a4f
```
#7d7a4f rgb(125,122,79)
```
#858147
```
#858147 rgb(133,129,71)
```
#8d873f
```
#8d873f rgb(141,135,63)
```
#958e37
```
#958e37 rgb(149,142,55)
```
#9c9530
```
#9c9530 rgb(156,149,48)
```
#a49c28
```
#a49c28 rgb(164,156,40)
```
#aca220
```
#aca220 rgb(172,162,32)
```
#b4a918
```
#b4a918 rgb(180,169,24)
```
#bcb010
```
#bcb010 rgb(188,176,16)
```
#c4b608
```
#c4b608 rgb(196,182,8)
```
#ccbd00
```
#ccbd00 rgb(204,189,0)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a19f82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfab23 Protanopia 1% of men
#d4a22c Deuteranopia 1% of men
#c2a2ad Tritanopia 0.001% of the population

Trichromacy

#bbaa1f Protanomaly 1% of men, 0.01% of women
#c8a424 Deuteranomaly 6% of men, 0.4% of women
#bda477 Tritanomaly 0.01% of the population

#b4a918 hex color

#b4a918 Color Information

#b4a918 Color Conversion

Color Schemes with #b4a918

Alternatives to #b4a918

#b4a918 Preview

Shades and Tints of #b4a918

Tones of #b4a918

Color Blindness Simulator