#b4af0f hex color

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

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

● #b4af0f color description : Strong yellow.

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

Hex triplet	b4af0f	`#b4af0f`
RGB Decimal	180, 175, 15	`rgb(180,175,15)`
RGB Percent	70.6, 68.6, 5.9	`rgb(70.6%,68.6%,5.9%)`
CMYK	0, 3, 92, 29
HSL	58.2°, 84.6, 38.2	`hsl(58.2,84.6%,38.2%)`
HSV (or HSB)	58.2°, 91.7, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	69.752, -13.857, 69.9
XYZ	34.239, 40.398, 6.446
xyY	0.422, 0.498, 40.398
CIE-LCH	69.752, 71.261, 101.213
CIE-LUV	69.752, 8.894, 75.194
Hunter-Lab	63.56, -15.074, 38.479
Binary	10110100, 10101111, 00001111

#b4af0f
```
#b4af0f rgb(180,175,15)
```
#0f14b4
```
#0f14b4 rgb(15,20,180)
```

Complementary Color

#b45d0f
```
#b45d0f rgb(180,93,15)
```
#b4af0f
```
#b4af0f rgb(180,175,15)
```
#67b40f
```
#67b40f rgb(103,180,15)
```

Analogous Color

#5c0fb4
```
#5c0fb4 rgb(92,15,180)
```
#b4af0f
```
#b4af0f rgb(180,175,15)
```
#0f67b4
```
#0f67b4 rgb(15,103,180)
```

Split Complementary Color

#af0fb4
```
#af0fb4 rgb(175,15,180)
```
#b4af0f
```
#b4af0f rgb(180,175,15)
```
#0fb4af
```
#0fb4af rgb(15,180,175)
```

Triadic Color

#b40f14
```
#b40f14 rgb(180,15,20)
```
#b4af0f
```
#b4af0f rgb(180,175,15)
```
#0fb4af
```
#0fb4af rgb(15,180,175)
```
#0f14b4
```
#0f14b4 rgb(15,20,180)
```

Tetradic Color

#6d6a09
```
#6d6a09 rgb(109,106,9)
```
#85810b
```
#85810b rgb(133,129,11)
```
#9c980d
```
#9c980d rgb(156,152,13)
```
#b4af0f
```
#b4af0f rgb(180,175,15)
```
#ccc611
```
#ccc611 rgb(204,198,17)
```
#e3dd13
```
#e3dd13 rgb(227,221,19)
```
#ede723
```
#ede723 rgb(237,231,35)
```

Monochromatic Color

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

#b4860f
```
#b4860f rgb(180,134,15)
```
#b4940f
```
#b4940f rgb(180,148,15)
```
#b4a10f
```
#b4a10f rgb(180,161,15)
```
#b4af0f
```
#b4af0f rgb(180,175,15)
```
#abb40f
```
#abb40f rgb(171,180,15)
```
#9eb40f
```
#9eb40f rgb(158,180,15)
```
#90b40f
```
#90b40f rgb(144,180,15)
```

Similar Colors

Text with hexadecimal color #b4af0f

This text has a font color of #b4af0f.

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

#b4af0f background color

This paragraph has a background color of #b4af0f.

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

#b4af0f border color

This element has a border color of #b4af0f.

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

CSS codes

.text {color:#b4af0f;}

.background {background-color:#b4af0f;}

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

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

#111101
```
#111101 rgb(17,17,1)
```
#232203
```
#232203 rgb(35,34,3)
```
#353404
```
#353404 rgb(53,52,4)
```
#474506
```
#474506 rgb(71,69,6)
```
#595707
```
#595707 rgb(89,87,7)
```
#6c6909
```
#6c6909 rgb(108,105,9)
```
#7e7a0a
```
#7e7a0a rgb(126,122,10)
```
#908c0c
```
#908c0c rgb(144,140,12)
```
#a29d0d
```
#a29d0d rgb(162,157,13)
```
#b4af0f
```
#b4af0f rgb(180,175,15)
```
#c6c111
```
#c6c111 rgb(198,193,17)
```
#d8d212
```
#d8d212 rgb(216,210,18)
```
#eae414
```
#eae414 rgb(234,228,20)
```

Shade Color Variation

#ede725
```
#ede725 rgb(237,231,37)
```
#eee937
```
#eee937 rgb(238,233,55)
```
#f0eb49
```
#f0eb49 rgb(240,235,73)
```
#f1ed5b
```
#f1ed5b rgb(241,237,91)
```
#f3ef6d
```
#f3ef6d rgb(243,239,109)
```
#f4f17f
```
#f4f17f rgb(244,241,127)
```
#f6f391
```
#f6f391 rgb(246,243,145)
```
#f7f5a3
```
#f7f5a3 rgb(247,245,163)
```
#f9f7b6
```
#f9f7b6 rgb(249,247,182)
```
#faf9c8
```
#faf9c8 rgb(250,249,200)
```
#fcfbda
```
#fcfbda rgb(252,251,218)
```
#fdfdec
```
#fdfdec rgb(253,253,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#69695a
```
#69695a rgb(105,105,90)
```
#717053
```
#717053 rgb(113,112,83)
```
#78774b
```
#78774b rgb(120,119,75)
```
#807e44
```
#807e44 rgb(128,126,68)
```
#87853c
```
#87853c rgb(135,133,60)
```
#8f8c35
```
#8f8c35 rgb(143,140,53)
```
#96932d
```
#96932d rgb(150,147,45)
```
#9e9a26
```
#9e9a26 rgb(158,154,38)
```
#a5a11e
```
#a5a11e rgb(165,161,30)
```
#ada817
```
#ada817 rgb(173,168,23)
```
#b4af0f
```
#b4af0f rgb(180,175,15)
```
#bcb608
```
#bcb608 rgb(188,182,8)
```
#c3bd00
```
#c3bd00 rgb(195,189,0)
```

Tone Color Variation

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

Dichromacy

#c4af1a Protanopia 1% of men
#daa627 Deuteranopia 1% of men
#c3a7b3 Tritanopia 0.001% of the population

Trichromacy

#beaf16 Protanomaly 1% of men, 0.01% of women
#cca91e Deuteranomaly 6% of men, 0.4% of women
#beaa77 Tritanomaly 0.01% of the population

#b4af0f hex color

#b4af0f Color Information

#b4af0f Color Conversion

Color Schemes with #b4af0f

Alternatives to #b4af0f

#b4af0f Preview

Shades and Tints of #b4af0f

Tones of #b4af0f

Color Blindness Simulator