#b2af4a hex color

In a RGB color space, hex #b2af4a is composed of 69.8% red, 68.6% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.7% magenta, 58.4% yellow and 30.2% black. It has a hue angle of 58.3 degrees, a saturation of 41.3% and a lightness of 49.4%. #b2af4a color hex could be obtained by blending #ffff94 with #655f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 69
- B 29
RGB color chart
- C 0
- M 2
- Y 58
- K 30
CMYK color chart

● #b2af4a color description : Dark moderate yellow.

The hexadecimal color #b2af4a has RGB values of R:178, G:175, B:74 and CMYK values of C:0, M:0.02, Y:0.58, K:0.3. Its decimal value is 11710282.

Hex triplet	b2af4a	`#b2af4a`
RGB Decimal	178, 175, 74	`rgb(178,175,74)`
RGB Percent	69.8, 68.6, 29	`rgb(69.8%,68.6%,29%)`
CMYK	0, 2, 58, 30
HSL	58.3°, 41.3, 49.4	`hsl(58.3,41.3%,49.4%)`
HSV (or HSB)	58.3°, 58.4, 69.8
Web Safe	999933	`#999933`

CIE-LAB	69.909, -12.167, 50.97
XYZ	34.926, 40.62, 12.479
xyY	0.397, 0.461, 40.62
CIE-LCH	69.909, 52.403, 103.426
CIE-LUV	69.909, 6.459, 61.772
Hunter-Lab	63.734, -13.716, 33.005
Binary	10110010, 10101111, 01001010

#b2af4a
```
#b2af4a rgb(178,175,74)
```
#4a4db2
```
#4a4db2 rgb(74,77,178)
```

Complementary Color

#b27b4a
```
#b27b4a rgb(178,123,74)
```
#b2af4a
```
#b2af4a rgb(178,175,74)
```
#81b24a
```
#81b24a rgb(129,178,74)
```

Analogous Color

#7b4ab2
```
#7b4ab2 rgb(123,74,178)
```
#b2af4a
```
#b2af4a rgb(178,175,74)
```
#4a81b2
```
#4a81b2 rgb(74,129,178)
```

Split Complementary Color

#af4ab2
```
#af4ab2 rgb(175,74,178)
```
#b2af4a
```
#b2af4a rgb(178,175,74)
```
#4ab2af
```
#4ab2af rgb(74,178,175)
```

Triadic Color

#b24a4d
```
#b24a4d rgb(178,74,77)
```
#b2af4a
```
#b2af4a rgb(178,175,74)
```
#4ab2af
```
#4ab2af rgb(74,178,175)
```
#4a4db2
```
#4a4db2 rgb(74,77,178)
```

Tetradic Color

#7c7a34
```
#7c7a34 rgb(124,122,52)
```
#8e8c3b
```
#8e8c3b rgb(142,140,59)
```
#a09d43
```
#a09d43 rgb(160,157,67)
```
#b2af4a
```
#b2af4a rgb(178,175,74)
```
#bbb85b
```
#bbb85b rgb(187,184,91)
```
#c2c06d
```
#c2c06d rgb(194,192,109)
```
#cac87f
```
#cac87f rgb(202,200,127)
```

Monochromatic Color

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

#b2954a
```
#b2954a rgb(178,149,74)
```
#b29e4a
```
#b29e4a rgb(178,158,74)
```
#b2a64a
```
#b2a64a rgb(178,166,74)
```
#b2af4a
```
#b2af4a rgb(178,175,74)
```
#acb24a
```
#acb24a rgb(172,178,74)
```
#a4b24a
```
#a4b24a rgb(164,178,74)
```
#9bb24a
```
#9bb24a rgb(155,178,74)
```

Similar Colors

Text with hexadecimal color #b2af4a

This text has a font color of #b2af4a.

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

#b2af4a background color

This paragraph has a background color of #b2af4a.

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

#b2af4a border color

This element has a border color of #b2af4a.

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

CSS codes

.text {color:#b2af4a;}

.background {background-color:#b2af4a;}

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

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

#0c0c05
```
#0c0c05 rgb(12,12,5)
```
#1a190b
```
#1a190b rgb(26,25,11)
```
#272710
```
#272710 rgb(39,39,16)
```
#353416
```
#353416 rgb(53,52,22)
```
#43421c
```
#43421c rgb(67,66,28)
```
#515022
```
#515022 rgb(81,80,34)
```
#5f5d27
```
#5f5d27 rgb(95,93,39)
```
#6d6b2d
```
#6d6b2d rgb(109,107,45)
```
#7b7933
```
#7b7933 rgb(123,121,51)
```
#888639
```
#888639 rgb(136,134,57)
```
#96943e
```
#96943e rgb(150,148,62)
```
#a4a144
```
#a4a144 rgb(164,161,68)
```
#b2af4a
```
#b2af4a rgb(178,175,74)
```

Shade Color Variation

#b9b657
```
#b9b657 rgb(185,182,87)
```
#bfbc64
```
#bfbc64 rgb(191,188,100)
```
#c5c272
```
#c5c272 rgb(197,194,114)
```
#cac880
```
#cac880 rgb(202,200,128)
```
#d0ce8e
```
#d0ce8e rgb(208,206,142)
```
#d6d49c
```
#d6d49c rgb(214,212,156)
```
#dcdaaa
```
#dcdaaa rgb(220,218,170)
```
#e1e0b8
```
#e1e0b8 rgb(225,224,184)
```
#e7e6c5
```
#e7e6c5 rgb(231,230,197)
```
#edecd3
```
#edecd3 rgb(237,236,211)
```
#f3f2e1
```
#f3f2e1 rgb(243,242,225)
```
#f8f8ef
```
#f8f8ef rgb(248,248,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#82817a
```
#82817a rgb(130,129,122)
```
#8b8a71
```
#8b8a71 rgb(139,138,113)
```
#959467
```
#959467 rgb(149,148,103)
```
#9f9d5d
```
#9f9d5d rgb(159,157,93)
```
#a8a654
```
#a8a654 rgb(168,166,84)
```
#b2af4a
```
#b2af4a rgb(178,175,74)
```
#bcb840
```
#bcb840 rgb(188,184,64)
```
#c5c137
```
#c5c137 rgb(197,193,55)
```
#cfca2d
```
#cfca2d rgb(207,202,45)
```
#d9d423
```
#d9d423 rgb(217,212,35)
```
#e2dd1a
```
#e2dd1a rgb(226,221,26)
```
#ece610
```
#ece610 rgb(236,230,16)
```
#f6ef06
```
#f6ef06 rgb(246,239,6)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a7a692 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1af52 Protanopia 1% of men
#d6a757 Deuteranopia 1% of men
#c0a8b4 Tritanopia 0.001% of the population

Trichromacy

#bcaf4f Protanomaly 1% of men, 0.01% of women
#c9aa52 Deuteranomaly 6% of men, 0.4% of women
#bbab8d Tritanomaly 0.01% of the population

#b2af4a hex color

#b2af4a Color Information

#b2af4a Color Conversion

Color Schemes with #b2af4a

Alternatives to #b2af4a

#b2af4a Preview

Shades and Tints of #b2af4a

Tones of #b2af4a

Color Blindness Simulator