#b2ae32 hex color

In a RGB color space, hex #b2ae32 is composed of 69.8% red, 68.2% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 71.9% yellow and 30.2% black. It has a hue angle of 58.1 degrees, a saturation of 56.1% and a lightness of 44.7%. #b2ae32 color hex could be obtained by blending #ffff64 with #655d00. Closest websafe color is: #999933.

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

● #b2ae32 color description : Dark yellow [Olive tone].

The hexadecimal color #b2ae32 has RGB values of R:178, G:174, B:50 and CMYK values of C:0, M:0.02, Y:0.72, K:0.3. Its decimal value is 11710002.

Hex triplet	b2ae32	`#b2ae32`
RGB Decimal	178, 174, 50	`rgb(178,174,50)`
RGB Percent	69.8, 68.2, 19.6	`rgb(69.8%,68.2%,19.6%)`
CMYK	0, 2, 72, 30
HSL	58.1°, 56.1, 44.7	`hsl(58.1,56.1%,44.7%)`
HSV (or HSB)	58.1°, 71.9, 69.8
Web Safe	999933	`#999933`

CIE-LAB	69.447, -13.119, 60.404
XYZ	34.072, 39.968, 8.937
xyY	0.411, 0.482, 39.968
CIE-LCH	69.447, 61.812, 102.253
CIE-LUV	69.447, 7.701, 68.928
Hunter-Lab	63.22, -14.435, 35.873
Binary	10110010, 10101110, 00110010

#b2ae32
```
#b2ae32 rgb(178,174,50)
```
#3236b2
```
#3236b2 rgb(50,54,178)
```

Complementary Color

#b26e32
```
#b26e32 rgb(178,110,50)
```
#b2ae32
```
#b2ae32 rgb(178,174,50)
```
#76b232
```
#76b232 rgb(118,178,50)
```

Analogous Color

#6e32b2
```
#6e32b2 rgb(110,50,178)
```
#b2ae32
```
#b2ae32 rgb(178,174,50)
```
#3276b2
```
#3276b2 rgb(50,118,178)
```

Split Complementary Color

#ae32b2
```
#ae32b2 rgb(174,50,178)
```
#b2ae32
```
#b2ae32 rgb(178,174,50)
```
#32b2ae
```
#32b2ae rgb(50,178,174)
```

Triadic Color

#b23236
```
#b23236 rgb(178,50,54)
```
#b2ae32
```
#b2ae32 rgb(178,174,50)
```
#32b2ae
```
#32b2ae rgb(50,178,174)
```
#3236b2
```
#3236b2 rgb(50,54,178)
```

Tetradic Color

#767421
```
#767421 rgb(118,116,33)
```
#8a8727
```
#8a8727 rgb(138,135,39)
```
#9e9b2c
```
#9e9b2c rgb(158,155,44)
```
#b2ae32
```
#b2ae32 rgb(178,174,50)
```
#c6c138
```
#c6c138 rgb(198,193,56)
```
#ccc84b
```
#ccc84b rgb(204,200,75)
```
#d2ce5f
```
#d2ce5f rgb(210,206,95)
```

Monochromatic Color

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

#b28e32
```
#b28e32 rgb(178,142,50)
```
#b29932
```
#b29932 rgb(178,153,50)
```
#b2a332
```
#b2a332 rgb(178,163,50)
```
#b2ae32
```
#b2ae32 rgb(178,174,50)
```
#abb232
```
#abb232 rgb(171,178,50)
```
#a1b232
```
#a1b232 rgb(161,178,50)
```
#96b232
```
#96b232 rgb(150,178,50)
```

Similar Colors

Text with hexadecimal color #b2ae32

This text has a font color of #b2ae32.

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

#b2ae32 background color

This paragraph has a background color of #b2ae32.

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

#b2ae32 border color

This element has a border color of #b2ae32.

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

CSS codes

.text {color:#b2ae32;}

.background {background-color:#b2ae32;}

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

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

#0a0903
```
#0a0903 rgb(10,9,3)
```
#191807
```
#191807 rgb(25,24,7)
```
#28270b
```
#28270b rgb(40,39,11)
```
#373610
```
#373610 rgb(55,54,16)
```
#474514
```
#474514 rgb(71,69,20)
```
#565418
```
#565418 rgb(86,84,24)
```
#65631c
```
#65631c rgb(101,99,28)
```
#757221
```
#757221 rgb(117,114,33)
```
#848125
```
#848125 rgb(132,129,37)
```
#939029
```
#939029 rgb(147,144,41)
```
#a39f2e
```
#a39f2e rgb(163,159,46)
```
#b2ae32
```
#b2ae32 rgb(178,174,50)
```
#c1bd36
```
#c1bd36 rgb(193,189,54)
```

Shade Color Variation

#cac641
```
#cac641 rgb(202,198,65)
```
#ceca51
```
#ceca51 rgb(206,202,81)
```
#d2cf60
```
#d2cf60 rgb(210,207,96)
```
#d7d36f
```
#d7d36f rgb(215,211,111)
```
#dbd87f
```
#dbd87f rgb(219,216,127)
```
#dfdd8e
```
#dfdd8e rgb(223,221,142)
```
#e4e19d
```
#e4e19d rgb(228,225,157)
```
#e8e6ad
```
#e8e6ad rgb(232,230,173)
```
#ecebbc
```
#ecebbc rgb(236,235,188)
```
#f0efcb
```
#f0efcb rgb(240,239,203)
```
#f5f4db
```
#f5f4db rgb(245,244,219)
```
#f9f9ea
```
#f9f9ea rgb(249,249,234)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#75746f
```
#75746f rgb(117,116,111)
```
#7d7d67
```
#7d7d67 rgb(125,125,103)
```
#86855e
```
#86855e rgb(134,133,94)
```
#8f8d55
```
#8f8d55 rgb(143,141,85)
```
#98954c
```
#98954c rgb(152,149,76)
```
#a09e44
```
#a09e44 rgb(160,158,68)
```
#a9a63b
```
#a9a63b rgb(169,166,59)
```
#b2ae32
```
#b2ae32 rgb(178,174,50)
```
#bbb629
```
#bbb629 rgb(187,182,41)
```
#c4be20
```
#c4be20 rgb(196,190,32)
```
#ccc718
```
#ccc718 rgb(204,199,24)
```
#d5cf0f
```
#d5cf0f rgb(213,207,15)
```
#ded706
```
#ded706 rgb(222,215,6)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a4a48b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ae3b Protanopia 1% of men
#d7a542 Deuteranopia 1% of men
#c1a7b2 Tritanopia 0.001% of the population

Trichromacy

#bcae38 Protanomaly 1% of men, 0.01% of women
#c9a83c Deuteranomaly 6% of men, 0.4% of women
#bba984 Tritanomaly 0.01% of the population

#b2ae32 hex color

#b2ae32 Color Information

#b2ae32 Color Conversion

Color Schemes with #b2ae32

Alternatives to #b2ae32

#b2ae32 Preview

Shades and Tints of #b2ae32

Tones of #b2ae32

Color Blindness Simulator