#b4af00 hex color

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

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

● #b4af00 color description : Strong yellow.

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

Hex triplet	b4af00	`#b4af00`
RGB Decimal	180, 175, 0	`rgb(180,175,0)`
RGB Percent	70.6, 68.6, 0	`rgb(70.6%,68.6%,0%)`
CMYK	0, 3, 100, 29
HSL	58.3°, 100, 35.3	`hsl(58.3,100%,35.3%)`
HSV (or HSB)	58.3°, 100, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	69.728, -14.051, 71.733
XYZ	34.153, 40.364, 5.992
xyY	0.424, 0.501, 40.364
CIE-LCH	69.728, 73.096, 101.083
CIE-LUV	69.728, 8.978, 76.234
Hunter-Lab	63.533, -15.228, 38.881
Binary	10110100, 10101111, 00000000

#b4af00
```
#b4af00 rgb(180,175,0)
```
#0005b4
```
#0005b4 rgb(0,5,180)
```

Complementary Color

#b45500
```
#b45500 rgb(180,85,0)
```
#b4af00
```
#b4af00 rgb(180,175,0)
```
#5fb400
```
#5fb400 rgb(95,180,0)
```

Analogous Color

#5500b4
```
#5500b4 rgb(85,0,180)
```
#b4af00
```
#b4af00 rgb(180,175,0)
```
#005fb4
```
#005fb4 rgb(0,95,180)
```

Split Complementary Color

#af00b4
```
#af00b4 rgb(175,0,180)
```
#b4af00
```
#b4af00 rgb(180,175,0)
```
#00b4af
```
#00b4af rgb(0,180,175)
```

Triadic Color

#b40005
```
#b40005 rgb(180,0,5)
```
#b4af00
```
#b4af00 rgb(180,175,0)
```
#00b4af
```
#00b4af rgb(0,180,175)
```
#0005b4
```
#0005b4 rgb(0,5,180)
```

Tetradic Color

#686500
```
#686500 rgb(104,101,0)
```
#817d00
```
#817d00 rgb(129,125,0)
```
#9b9600
```
#9b9600 rgb(155,150,0)
```
#b4af00
```
#b4af00 rgb(180,175,0)
```
#cec800
```
#cec800 rgb(206,200,0)
```
#e7e100
```
#e7e100 rgb(231,225,0)
```
#fff801
```
#fff801 rgb(255,248,1)
```

Monochromatic Color

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

#b48200
```
#b48200 rgb(180,130,0)
```
#b49100
```
#b49100 rgb(180,145,0)
```
#b4a000
```
#b4a000 rgb(180,160,0)
```
#b4af00
```
#b4af00 rgb(180,175,0)
```
#aab400
```
#aab400 rgb(170,180,0)
```
#9bb400
```
#9bb400 rgb(155,180,0)
```
#8cb400
```
#8cb400 rgb(140,180,0)
```

Similar Colors

Text with hexadecimal color #b4af00

This text has a font color of #b4af00.

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

#b4af00 background color

This paragraph has a background color of #b4af00.

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

#b4af00 border color

This element has a border color of #b4af00.

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

CSS codes

.text {color:#b4af00;}

.background {background-color:#b4af00;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#171600
```
#171600 rgb(23,22,0)
```
#2b2a00
```
#2b2a00 rgb(43,42,0)
```
#3e3d00
```
#3e3d00 rgb(62,61,0)
```
#525000
```
#525000 rgb(82,80,0)
```
#666300
```
#666300 rgb(102,99,0)
```
#797600
```
#797600 rgb(121,118,0)
```
#8d8900
```
#8d8900 rgb(141,137,0)
```
#a09c00
```
#a09c00 rgb(160,156,0)
```
#b4af00
```
#b4af00 rgb(180,175,0)
```
#c8c200
```
#c8c200 rgb(200,194,0)
```
#dbd500
```
#dbd500 rgb(219,213,0)
```
#efe800
```
#efe800 rgb(239,232,0)
```

Shade Color Variation

#fff803
```
#fff803 rgb(255,248,3)
```
#fff917
```
#fff917 rgb(255,249,23)
```
#fff92b
```
#fff92b rgb(255,249,43)
```
#fffa3e
```
#fffa3e rgb(255,250,62)
```
#fffa52
```
#fffa52 rgb(255,250,82)
```
#fffb66
```
#fffb66 rgb(255,251,102)
```
#fffb79
```
#fffb79 rgb(255,251,121)
```
#fffc8d
```
#fffc8d rgb(255,252,141)
```
#fffca0
```
#fffca0 rgb(255,252,160)
```
#fffdb4
```
#fffdb4 rgb(255,253,180)
```
#fffdc8
```
#fffdc8 rgb(255,253,200)
```
#fffedb
```
#fffedb rgb(255,254,219)
```
#ffffef
```
#ffffef rgb(255,255,239)
```

Tint Color Variation

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

#616153
```
#616153 rgb(97,97,83)
```
#68674c
```
#68674c rgb(104,103,76)
```
#6f6e45
```
#6f6e45 rgb(111,110,69)
```
#76743e
```
#76743e rgb(118,116,62)
```
#7d7b37
```
#7d7b37 rgb(125,123,55)
```
#848130
```
#848130 rgb(132,129,48)
```
#8a882a
```
#8a882a rgb(138,136,42)
```
#918e23
```
#918e23 rgb(145,142,35)
```
#98951c
```
#98951c rgb(152,149,28)
```
#9f9b15
```
#9f9b15 rgb(159,155,21)
```
#a6a20e
```
#a6a20e rgb(166,162,14)
```
#ada807
```
#ada807 rgb(173,168,7)
```
#b4af00
```
#b4af00 rgb(180,175,0)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a2a17e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4af00 Protanopia 1% of men
#daa61f Deuteranopia 1% of men
#c3a7b2 Tritanopia 0.001% of the population

Trichromacy

#beaf00 Protanomaly 1% of men, 0.01% of women
#cca914 Deuteranomaly 6% of men, 0.4% of women
#beaa71 Tritanomaly 0.01% of the population

#b4af00 hex color

#b4af00 Color Information

#b4af00 Color Conversion

Color Schemes with #b4af00

Alternatives to #b4af00

#b4af00 Preview

Shades and Tints of #b4af00

Tones of #b4af00

Color Blindness Simulator