#b4af1e hex color

In a RGB color space, hex #b4af1e is composed of 70.6% red, 68.6% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 83.3% yellow and 29.4% black. It has a hue angle of 58 degrees, a saturation of 71.4% and a lightness of 41.2%. #b4af1e color hex could be obtained by blending #ffff3c with #695f00. Closest websafe color is: #cc9933.

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

● #b4af1e color description : Strong yellow.

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

Hex triplet	b4af1e	`#b4af1e`
RGB Decimal	180, 175, 30	`rgb(180,175,30)`
RGB Percent	70.6, 68.6, 11.8	`rgb(70.6%,68.6%,11.8%)`
CMYK	0, 3, 83, 29
HSL	58°, 71.4, 41.2	`hsl(58,71.4%,41.2%)`
HSV (or HSB)	58°, 83.3, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.794, -13.526, 66.948
XYZ	34.387, 40.458, 7.226
xyY	0.419, 0.493, 40.458
CIE-LCH	69.794, 68.3, 101.422
CIE-LUV	69.794, 8.75, 73.422
Hunter-Lab	63.606, -14.811, 37.789
Binary	10110100, 10101111, 00011110

#b4af1e
```
#b4af1e rgb(180,175,30)
```
#1e23b4
```
#1e23b4 rgb(30,35,180)
```

Complementary Color

#b4641e
```
#b4641e rgb(180,100,30)
```
#b4af1e
```
#b4af1e rgb(180,175,30)
```
#6eb41e
```
#6eb41e rgb(110,180,30)
```

Analogous Color

#641eb4
```
#641eb4 rgb(100,30,180)
```
#b4af1e
```
#b4af1e rgb(180,175,30)
```
#1e6eb4
```
#1e6eb4 rgb(30,110,180)
```

Split Complementary Color

#af1eb4
```
#af1eb4 rgb(175,30,180)
```
#b4af1e
```
#b4af1e rgb(180,175,30)
```
#1eb4af
```
#1eb4af rgb(30,180,175)
```

Triadic Color

#b41e23
```
#b41e23 rgb(180,30,35)
```
#b4af1e
```
#b4af1e rgb(180,175,30)
```
#1eb4af
```
#1eb4af rgb(30,180,175)
```
#1e23b4
```
#1e23b4 rgb(30,35,180)
```

Tetradic Color

#726f13
```
#726f13 rgb(114,111,19)
```
#888517
```
#888517 rgb(136,133,23)
```
#9e9a1a
```
#9e9a1a rgb(158,154,26)
```
#b4af1e
```
#b4af1e rgb(180,175,30)
```
#cac422
```
#cac422 rgb(202,196,34)
```
#dbd62a
```
#dbd62a rgb(219,214,42)
```
#dfda3f
```
#dfda3f rgb(223,218,63)
```

Monochromatic Color

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

#b48a1e
```
#b48a1e rgb(180,138,30)
```
#b4961e
```
#b4961e rgb(180,150,30)
```
#b4a31e
```
#b4a31e rgb(180,163,30)
```
#b4af1e
```
#b4af1e rgb(180,175,30)
```
#adb41e
```
#adb41e rgb(173,180,30)
```
#a0b41e
```
#a0b41e rgb(160,180,30)
```
#94b41e
```
#94b41e rgb(148,180,30)
```

Similar Colors

Text with hexadecimal color #b4af1e

This text has a font color of #b4af1e.

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

#b4af1e background color

This paragraph has a background color of #b4af1e.

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

#b4af1e border color

This element has a border color of #b4af1e.

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

CSS codes

.text {color:#b4af1e;}

.background {background-color:#b4af1e;}

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

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, #0c0c02 is the darkest color, while #fefefa is the lightest one.

#0c0c02
```
#0c0c02 rgb(12,12,2)
```
#1d1c05
```
#1d1c05 rgb(29,28,5)
```
#2d2c08
```
#2d2c08 rgb(45,44,8)
```
#3e3d0a
```
#3e3d0a rgb(62,61,10)
```
#4f4d0d
```
#4f4d0d rgb(79,77,13)
```
#605d10
```
#605d10 rgb(96,93,16)
```
#716e13
```
#716e13 rgb(113,110,19)
```
#827e16
```
#827e16 rgb(130,126,22)
```
#928e18
```
#928e18 rgb(146,142,24)
```
#a39f1b
```
#a39f1b rgb(163,159,27)
```
#b4af1e
```
#b4af1e rgb(180,175,30)
```
#c5bf21
```
#c5bf21 rgb(197,191,33)
```
#d6d024
```
#d6d024 rgb(214,208,36)
```

Shade Color Variation

#ddd730
```
#ddd730 rgb(221,215,48)
```
#dfda41
```
#dfda41 rgb(223,218,65)
```
#e2dd52
```
#e2dd52 rgb(226,221,82)
```
#e5e163
```
#e5e163 rgb(229,225,99)
```
#e8e474
```
#e8e474 rgb(232,228,116)
```
#ebe784
```
#ebe784 rgb(235,231,132)
```
#edea95
```
#edea95 rgb(237,234,149)
```
#f0eea6
```
#f0eea6 rgb(240,238,166)
```
#f3f1b7
```
#f3f1b7 rgb(243,241,183)
```
#f6f4c8
```
#f6f4c8 rgb(246,244,200)
```
#f9f8d8
```
#f9f8d8 rgb(249,248,216)
```
#fbfbe9
```
#fbfbe9 rgb(251,251,233)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#6b6b67
```
#6b6b67 rgb(107,107,103)
```
#73735f
```
#73735f rgb(115,115,95)
```
#7b7a57
```
#7b7a57 rgb(123,122,87)
```
#84824e
```
#84824e rgb(132,130,78)
```
#8c8946
```
#8c8946 rgb(140,137,70)
```
#94913e
```
#94913e rgb(148,145,62)
```
#9c9836
```
#9c9836 rgb(156,152,54)
```
#a4a02e
```
#a4a02e rgb(164,160,46)
```
#aca726
```
#aca726 rgb(172,167,38)
```
#b4af1e
```
#b4af1e rgb(180,175,30)
```
#bcb716
```
#bcb716 rgb(188,183,22)
```
#c4be0e
```
#c4be0e rgb(196,190,14)
```
#ccc606
```
#ccc606 rgb(204,198,6)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a4a386 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3af28 Protanopia 1% of men
#d9a631 Deuteranopia 1% of men
#c3a7b3 Tritanopia 0.001% of the population

Trichromacy

#beaf24 Protanomaly 1% of men, 0.01% of women
#cca92a Deuteranomaly 6% of men, 0.4% of women
#bdaa7d Tritanomaly 0.01% of the population

#b4af1e hex color

#b4af1e Color Information

#b4af1e Color Conversion

Color Schemes with #b4af1e

Alternatives to #b4af1e

#b4af1e Preview

Shades and Tints of #b4af1e

Tones of #b4af1e

Color Blindness Simulator