#b4af16 hex color

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

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

● #b4af16 color description : Strong yellow.

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

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

CIE-LAB	69.769, -13.726, 68.705
XYZ	34.297, 40.422, 6.755
xyY	0.421, 0.496, 40.422
CIE-LCH	69.769, 70.062, 101.298
CIE-LUV	69.769, 8.837, 74.491
Hunter-Lab	63.578, -14.97, 38.206
Binary	10110100, 10101111, 00010110

#b4af16
```
#b4af16 rgb(180,175,22)
```
#161bb4
```
#161bb4 rgb(22,27,180)
```

Complementary Color

#b46016
```
#b46016 rgb(180,96,22)
```
#b4af16
```
#b4af16 rgb(180,175,22)
```
#6ab416
```
#6ab416 rgb(106,180,22)
```

Analogous Color

#6016b4
```
#6016b4 rgb(96,22,180)
```
#b4af16
```
#b4af16 rgb(180,175,22)
```
#166ab4
```
#166ab4 rgb(22,106,180)
```

Split Complementary Color

#af16b4
```
#af16b4 rgb(175,22,180)
```
#b4af16
```
#b4af16 rgb(180,175,22)
```
#16b4af
```
#16b4af rgb(22,180,175)
```

Triadic Color

#b4161b
```
#b4161b rgb(180,22,27)
```
#b4af16
```
#b4af16 rgb(180,175,22)
```
#16b4af
```
#16b4af rgb(22,180,175)
```
#161bb4
```
#161bb4 rgb(22,27,180)
```

Tetradic Color

#706d0e
```
#706d0e rgb(112,109,14)
```
#878310
```
#878310 rgb(135,131,16)
```
#9d9913
```
#9d9913 rgb(157,153,19)
```
#b4af16
```
#b4af16 rgb(180,175,22)
```
#cbc519
```
#cbc519 rgb(203,197,25)
```
#e1db1c
```
#e1db1c rgb(225,219,28)
```
#e6e031
```
#e6e031 rgb(230,224,49)
```

Monochromatic Color

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

#b48816
```
#b48816 rgb(180,136,22)
```
#b49516
```
#b49516 rgb(180,149,22)
```
#b4a216
```
#b4a216 rgb(180,162,22)
```
#b4af16
```
#b4af16 rgb(180,175,22)
```
#acb416
```
#acb416 rgb(172,180,22)
```
#9fb416
```
#9fb416 rgb(159,180,22)
```
#92b416
```
#92b416 rgb(146,180,22)
```

Similar Colors

Text with hexadecimal color #b4af16

This text has a font color of #b4af16.

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

#b4af16 background color

This paragraph has a background color of #b4af16.

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

#b4af16 border color

This element has a border color of #b4af16.

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

CSS codes

.text {color:#b4af16;}

.background {background-color:#b4af16;}

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

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)
```
#6e6b0d
```
#6e6b0d rgb(110,107,13)
```
#807c10
```
#807c10 rgb(128,124,16)
```
#918d12
```
#918d12 rgb(145,141,18)
```
#a39e14
```
#a39e14 rgb(163,158,20)
```
#b4af16
```
#b4af16 rgb(180,175,22)
```
#c5c018
```
#c5c018 rgb(197,192,24)
```
#d7d11a
```
#d7d11a rgb(215,209,26)
```

Shade Color Variation

#e4de21
```
#e4de21 rgb(228,222,33)
```
#e6e032
```
#e6e032 rgb(230,224,50)
```
#e8e344
```
#e8e344 rgb(232,227,68)
```
#eae655
```
#eae655 rgb(234,230,85)
```
#ece867
```
#ece867 rgb(236,232,103)
```
#efeb78
```
#efeb78 rgb(239,235,120)
```
#f1ed8a
```
#f1ed8a rgb(241,237,138)
```
#f3f09b
```
#f3f09b rgb(243,240,155)
```
#f5f3ad
```
#f5f3ad rgb(245,243,173)
```
#f7f5be
```
#f7f5be rgb(247,245,190)
```
#f9f8d0
```
#f9f8d0 rgb(249,248,208)
```
#fbfbe1
```
#fbfbe1 rgb(251,251,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 #c4be06 is the most saturated one.

#666664
```
#666664 rgb(102,102,100)
```
#6e6e5c
```
#6e6e5c rgb(110,110,92)
```
#767554
```
#767554 rgb(118,117,84)
```
#7e7c4c
```
#7e7c4c rgb(126,124,76)
```
#858345
```
#858345 rgb(133,131,69)
```
#8d8b3d
```
#8d8b3d rgb(141,139,61)
```
#959235
```
#959235 rgb(149,146,53)
```
#9d992d
```
#9d992d rgb(157,153,45)
```
#a4a026
```
#a4a026 rgb(164,160,38)
```
#aca81e
```
#aca81e rgb(172,168,30)
```
#b4af16
```
#b4af16 rgb(180,175,22)
```
#bcb60e
```
#bcb60e rgb(188,182,14)
```
#c4be06
```
#c4be06 rgb(196,190,6)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a3a284 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3af20 Protanopia 1% of men
#d9a62c Deuteranopia 1% of men
#c3a7b3 Tritanopia 0.001% of the population

Trichromacy

#beaf1c Protanomaly 1% of men, 0.01% of women
#cca924 Deuteranomaly 6% of men, 0.4% of women
#beaa7a Tritanomaly 0.01% of the population

#b4af16 hex color

#b4af16 Color Information

#b4af16 Color Conversion

Color Schemes with #b4af16

Alternatives to #b4af16

#b4af16 Preview

Shades and Tints of #b4af16

Tones of #b4af16

Color Blindness Simulator