#b4ae16 hex color

In a RGB color space, hex #b4ae16 is composed of 70.6% red, 68.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.3% magenta, 87.8% yellow and 29.4% black. It has a hue angle of 57.7 degrees, a saturation of 78.2% and a lightness of 39.6%. #b4ae16 color hex could be obtained by blending #ffff2c with #695d00. Closest websafe color is: #cc9900.

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

● #b4ae16 color description : Strong yellow.

The hexadecimal color #b4ae16 has RGB values of R:180, G:174, B:22 and CMYK values of C:0, M:0.03, Y:0.88, K:0.29. Its decimal value is 11841046.

Hex triplet	b4ae16	`#b4ae16`
RGB Decimal	180, 174, 22	`rgb(180,174,22)`
RGB Percent	70.6, 68.2, 8.6	`rgb(70.6%,68.2%,8.6%)`
CMYK	0, 3, 88, 29
HSL	57.7°, 78.2, 39.6	`hsl(57.7,78.2%,39.6%)`
HSV (or HSB)	57.7°, 87.8, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	69.494, -13.212, 68.484
XYZ	34.103, 40.034, 6.69
xyY	0.422, 0.495, 40.034
CIE-LCH	69.494, 69.746, 100.92
CIE-LUV	69.494, 9.509, 74.094
Hunter-Lab	63.273, -14.517, 38.022
Binary	10110100, 10101110, 00010110

#b4ae16
```
#b4ae16 rgb(180,174,22)
```
#161cb4
```
#161cb4 rgb(22,28,180)
```

Complementary Color

#b45f16
```
#b45f16 rgb(180,95,22)
```
#b4ae16
```
#b4ae16 rgb(180,174,22)
```
#6bb416
```
#6bb416 rgb(107,180,22)
```

Analogous Color

#5f16b4
```
#5f16b4 rgb(95,22,180)
```
#b4ae16
```
#b4ae16 rgb(180,174,22)
```
#166bb4
```
#166bb4 rgb(22,107,180)
```

Split Complementary Color

#ae16b4
```
#ae16b4 rgb(174,22,180)
```
#b4ae16
```
#b4ae16 rgb(180,174,22)
```
#16b4ae
```
#16b4ae rgb(22,180,174)
```

Triadic Color

#b4161c
```
#b4161c rgb(180,22,28)
```
#b4ae16
```
#b4ae16 rgb(180,174,22)
```
#16b4ae
```
#16b4ae rgb(22,180,174)
```
#161cb4
```
#161cb4 rgb(22,28,180)
```

Tetradic Color

#706c0e
```
#706c0e rgb(112,108,14)
```
#878210
```
#878210 rgb(135,130,16)
```
#9d9813
```
#9d9813 rgb(157,152,19)
```
#b4ae16
```
#b4ae16 rgb(180,174,22)
```
#cbc419
```
#cbc419 rgb(203,196,25)
```
#e1da1c
```
#e1da1c rgb(225,218,28)
```
#e6df31
```
#e6df31 rgb(230,223,49)
```

Monochromatic Color

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

#b48716
```
#b48716 rgb(180,135,22)
```
#b49416
```
#b49416 rgb(180,148,22)
```
#b4a116
```
#b4a116 rgb(180,161,22)
```
#b4ae16
```
#b4ae16 rgb(180,174,22)
```
#adb416
```
#adb416 rgb(173,180,22)
```
#a0b416
```
#a0b416 rgb(160,180,22)
```
#93b416
```
#93b416 rgb(147,180,22)
```

Similar Colors

Text with hexadecimal color #b4ae16

This text has a font color of #b4ae16.

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

#b4ae16 background color

This paragraph has a background color of #b4ae16.

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

#b4ae16 border color

This element has a border color of #b4ae16.

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

CSS codes

.text {color:#b4ae16;}

.background {background-color:#b4ae16;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#171603
```
#171603 rgb(23,22,3)
```
#282705
```
#282705 rgb(40,39,5)
```
#3a3807
```
#3a3807 rgb(58,56,7)
```
#4b4909
```
#4b4909 rgb(75,73,9)
```
#5d5a0b
```
#5d5a0b rgb(93,90,11)
```
#6e6a0d
```
#6e6a0d rgb(110,106,13)
```
#807b10
```
#807b10 rgb(128,123,16)
```
#918c12
```
#918c12 rgb(145,140,18)
```
#a39d14
```
#a39d14 rgb(163,157,20)
```
#b4ae16
```
#b4ae16 rgb(180,174,22)
```
#c5bf18
```
#c5bf18 rgb(197,191,24)
```
#d7d01a
```
#d7d01a rgb(215,208,26)
```

Shade Color Variation

#e4dc21
```
#e4dc21 rgb(228,220,33)
```
#e6df32
```
#e6df32 rgb(230,223,50)
```
#e8e244
```
#e8e244 rgb(232,226,68)
```
#eae555
```
#eae555 rgb(234,229,85)
```
#ece767
```
#ece767 rgb(236,231,103)
```
#efea78
```
#efea78 rgb(239,234,120)
```
#f1ed8a
```
#f1ed8a rgb(241,237,138)
```
#f3ef9b
```
#f3ef9b rgb(243,239,155)
```
#f5f2ad
```
#f5f2ad rgb(245,242,173)
```
#f7f5be
```
#f7f5be rgb(247,245,190)
```
#f9f8d0
```
#f9f8d0 rgb(249,248,208)
```
#fbfae1
```
#fbfae1 rgb(251,250,225)
```
#fefdf3
```
#fefdf3 rgb(254,253,243)
```

Tint Color Variation

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

#666664
```
#666664 rgb(102,102,100)
```
#6e6d5c
```
#6e6d5c rgb(110,109,92)
```
#767554
```
#767554 rgb(118,117,84)
```
#7e7c4c
```
#7e7c4c rgb(126,124,76)
```
#858345
```
#858345 rgb(133,131,69)
```
#8d8a3d
```
#8d8a3d rgb(141,138,61)
```
#959135
```
#959135 rgb(149,145,53)
```
#9d982d
```
#9d982d rgb(157,152,45)
```
#a4a026
```
#a4a026 rgb(164,160,38)
```
#aca71e
```
#aca71e rgb(172,167,30)
```
#b4ae16
```
#b4ae16 rgb(180,174,22)
```
#bcb50e
```
#bcb50e rgb(188,181,14)
```
#c4bc06
```
#c4bc06 rgb(196,188,6)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a2a183 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae21 Protanopia 1% of men
#d9a52b Deuteranopia 1% of men
#c3a6b2 Tritanopia 0.001% of the population

Trichromacy

#bdae1d Protanomaly 1% of men, 0.01% of women
#cba823 Deuteranomaly 6% of men, 0.4% of women
#bda979 Tritanomaly 0.01% of the population

#b4ae16 hex color

#b4ae16 Color Information

#b4ae16 Color Conversion

Color Schemes with #b4ae16

Alternatives to #b4ae16

#b4ae16 Preview

Shades and Tints of #b4ae16

Tones of #b4ae16

Color Blindness Simulator