#b2ae46 hex color

In a RGB color space, hex #b2ae46 is composed of 69.8% red, 68.2% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 60.7% yellow and 30.2% black. It has a hue angle of 57.8 degrees, a saturation of 43.5% and a lightness of 48.6%. #b2ae46 color hex could be obtained by blending #ffff8c with #655d00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 68
- B 27
RGB color chart
- C 0
- M 2
- Y 61
- K 30
CMYK color chart

● #b2ae46 color description : Dark moderate yellow.

The hexadecimal color #b2ae46 has RGB values of R:178, G:174, B:70 and CMYK values of C:0, M:0.02, Y:0.61, K:0.3. Its decimal value is 11710022.

Hex triplet	b2ae46	`#b2ae46`
RGB Decimal	178, 174, 70	`rgb(178,174,70)`
RGB Percent	69.8, 68.2, 27.5	`rgb(69.8%,68.2%,27.5%)`
CMYK	0, 2, 61, 30
HSL	57.8°, 43.5, 48.6	`hsl(57.8,43.5%,48.6%)`
HSV (or HSB)	57.8°, 60.7, 69.8
Web Safe	999933	`#999933`

CIE-LAB	69.597, -11.937, 52.426
XYZ	34.602, 40.18, 11.727
xyY	0.4, 0.464, 40.18
CIE-LCH	69.597, 53.768, 102.828
CIE-LUV	69.597, 7.215, 62.793
Hunter-Lab	63.388, -13.49, 33.403
Binary	10110010, 10101110, 01000110

#b2ae46
```
#b2ae46 rgb(178,174,70)
```
#464ab2
```
#464ab2 rgb(70,74,178)
```

Complementary Color

#b27846
```
#b27846 rgb(178,120,70)
```
#b2ae46
```
#b2ae46 rgb(178,174,70)
```
#80b246
```
#80b246 rgb(128,178,70)
```

Analogous Color

#7846b2
```
#7846b2 rgb(120,70,178)
```
#b2ae46
```
#b2ae46 rgb(178,174,70)
```
#4680b2
```
#4680b2 rgb(70,128,178)
```

Split Complementary Color

#ae46b2
```
#ae46b2 rgb(174,70,178)
```
#b2ae46
```
#b2ae46 rgb(178,174,70)
```
#46b2ae
```
#46b2ae rgb(70,178,174)
```

Triadic Color

#b2464a
```
#b2464a rgb(178,70,74)
```
#b2ae46
```
#b2ae46 rgb(178,174,70)
```
#46b2ae
```
#46b2ae rgb(70,178,174)
```
#464ab2
```
#464ab2 rgb(70,74,178)
```

Tetradic Color

#7b7830
```
#7b7830 rgb(123,120,48)
```
#8d8a38
```
#8d8a38 rgb(141,138,56)
```
#a09c3f
```
#a09c3f rgb(160,156,63)
```
#b2ae46
```
#b2ae46 rgb(178,174,70)
```
#bcb855
```
#bcb855 rgb(188,184,85)
```
#c3c068
```
#c3c068 rgb(195,192,104)
```
#cbc87a
```
#cbc87a rgb(203,200,122)
```

Monochromatic Color

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

#b29346
```
#b29346 rgb(178,147,70)
```
#b29c46
```
#b29c46 rgb(178,156,70)
```
#b2a546
```
#b2a546 rgb(178,165,70)
```
#b2ae46
```
#b2ae46 rgb(178,174,70)
```
#adb246
```
#adb246 rgb(173,178,70)
```
#a4b246
```
#a4b246 rgb(164,178,70)
```
#9bb246
```
#9bb246 rgb(155,178,70)
```

Similar Colors

Text with hexadecimal color #b2ae46

This text has a font color of #b2ae46.

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

#b2ae46 background color

This paragraph has a background color of #b2ae46.

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

#b2ae46 border color

This element has a border color of #b2ae46.

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

CSS codes

.text {color:#b2ae46;}

.background {background-color:#b2ae46;}

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

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

#090904
```
#090904 rgb(9,9,4)
```
#171709
```
#171709 rgb(23,23,9)
```
#25240f
```
#25240f rgb(37,36,15)
```
#333214
```
#333214 rgb(51,50,20)
```
#41401a
```
#41401a rgb(65,64,26)
```
#4f4e1f
```
#4f4e1f rgb(79,78,31)
```
#5e5b25
```
#5e5b25 rgb(94,91,37)
```
#6c692a
```
#6c692a rgb(108,105,42)
```
#7a7730
```
#7a7730 rgb(122,119,48)
```
#888535
```
#888535 rgb(136,133,53)
```
#96923b
```
#96923b rgb(150,146,59)
```
#a4a040
```
#a4a040 rgb(164,160,64)
```
#b2ae46
```
#b2ae46 rgb(178,174,70)
```

Shade Color Variation

#bbb751
```
#bbb751 rgb(187,183,81)
```
#c0bd5f
```
#c0bd5f rgb(192,189,95)
```
#c6c26d
```
#c6c26d rgb(198,194,109)
```
#cbc87b
```
#cbc87b rgb(203,200,123)
```
#d1ce89
```
#d1ce89 rgb(209,206,137)
```
#d6d497
```
#d6d497 rgb(214,212,151)
```
#dcdaa6
```
#dcdaa6 rgb(220,218,166)
```
#e1e0b4
```
#e1e0b4 rgb(225,224,180)
```
#e7e5c2
```
#e7e5c2 rgb(231,229,194)
```
#ecebd0
```
#ecebd0 rgb(236,235,208)
```
#f2f1de
```
#f2f1de rgb(242,241,222)
```
#f7f7ec
```
#f7f7ec rgb(247,247,236)
```
#fdfdfa
```
#fdfdfa rgb(253,253,250)
```

Tint Color Variation

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

#828276
```
#828276 rgb(130,130,118)
```
#8c8b6c
```
#8c8b6c rgb(140,139,108)
```
#959463
```
#959463 rgb(149,148,99)
```
#9f9c59
```
#9f9c59 rgb(159,156,89)
```
#a8a550
```
#a8a550 rgb(168,165,80)
```
#b2ae46
```
#b2ae46 rgb(178,174,70)
```
#bcb73c
```
#bcb73c rgb(188,183,60)
```
#c5c033
```
#c5c033 rgb(197,192,51)
```
#cfc829
```
#cfc829 rgb(207,200,41)
```
#d8d120
```
#d8d120 rgb(216,209,32)
```
#e2da16
```
#e2da16 rgb(226,218,22)
```
#ebe30d
```
#ebe30d rgb(235,227,13)
```
#f5ec03
```
#f5ec03 rgb(245,236,3)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a6a590 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ae4e Protanopia 1% of men
#d5a653 Deuteranopia 1% of men
#c0a7b3 Tritanopia 0.001% of the population

Trichromacy

#bbae4b Protanomaly 1% of men, 0.01% of women
#c8a94e Deuteranomaly 6% of men, 0.4% of women
#bbaa8b Tritanomaly 0.01% of the population

#b2ae46 hex color

#b2ae46 Color Information

#b2ae46 Color Conversion

Color Schemes with #b2ae46

Alternatives to #b2ae46

#b2ae46 Preview

Shades and Tints of #b2ae46

Tones of #b2ae46

Color Blindness Simulator