#b5ae22 hex color

In a RGB color space, hex #b5ae22 is composed of 71% red, 68.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.9% magenta, 81.2% yellow and 29% black. It has a hue angle of 57.1 degrees, a saturation of 68.4% and a lightness of 42.2%. #b5ae22 color hex could be obtained by blending #ffff44 with #6b5d00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 68
- B 13
RGB color chart
- C 0
- M 4
- Y 81
- K 29
CMYK color chart

● #b5ae22 color description : Strong yellow.

The hexadecimal color #b5ae22 has RGB values of R:181, G:174, B:34 and CMYK values of C:0, M:0.04, Y:0.81, K:0.29. Its decimal value is 11906594.

Hex triplet	b5ae22	`#b5ae22`
RGB Decimal	181, 174, 34	`rgb(181,174,34)`
RGB Percent	71, 68.2, 13.3	`rgb(71%,68.2%,13.3%)`
CMYK	0, 4, 81, 29
HSL	57.1°, 68.4, 42.2	`hsl(57.1,68.4%,42.2%)`
HSV (or HSB)	57.1°, 81.2, 71
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.62, -12.451, 65.788
XYZ	34.481, 40.212, 7.459
xyY	0.42, 0.489, 40.212
CIE-LCH	69.62, 66.956, 100.717
CIE-LUV	69.62, 10.068, 72.386
Hunter-Lab	63.413, -13.913, 37.415
Binary	10110101, 10101110, 00100010

#b5ae22
```
#b5ae22 rgb(181,174,34)
```
#2229b5
```
#2229b5 rgb(34,41,181)
```

Complementary Color

#b56522
```
#b56522 rgb(181,101,34)
```
#b5ae22
```
#b5ae22 rgb(181,174,34)
```
#73b522
```
#73b522 rgb(115,181,34)
```

Analogous Color

#6522b5
```
#6522b5 rgb(101,34,181)
```
#b5ae22
```
#b5ae22 rgb(181,174,34)
```
#2273b5
```
#2273b5 rgb(34,115,181)
```

Split Complementary Color

#ae22b5
```
#ae22b5 rgb(174,34,181)
```
#b5ae22
```
#b5ae22 rgb(181,174,34)
```
#22b5ae
```
#22b5ae rgb(34,181,174)
```

Triadic Color

#b52229
```
#b52229 rgb(181,34,41)
```
#b5ae22
```
#b5ae22 rgb(181,174,34)
```
#22b5ae
```
#22b5ae rgb(34,181,174)
```
#2229b5
```
#2229b5 rgb(34,41,181)
```

Tetradic Color

#757016
```
#757016 rgb(117,112,22)
```
#8a851a
```
#8a851a rgb(138,133,26)
```
#a0991e
```
#a0991e rgb(160,153,30)
```
#b5ae22
```
#b5ae22 rgb(181,174,34)
```
#cac326
```
#cac326 rgb(202,195,38)
```
#d8d032
```
#d8d032 rgb(216,208,50)
```
#dcd547
```
#dcd547 rgb(220,213,71)
```

Monochromatic Color

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

#b58922
```
#b58922 rgb(181,137,34)
```
#b59622
```
#b59622 rgb(181,150,34)
```
#b5a222
```
#b5a222 rgb(181,162,34)
```
#b5ae22
```
#b5ae22 rgb(181,174,34)
```
#b0b522
```
#b0b522 rgb(176,181,34)
```
#a4b522
```
#a4b522 rgb(164,181,34)
```
#97b522
```
#97b522 rgb(151,181,34)
```

Similar Colors

Text with hexadecimal color #b5ae22

This text has a font color of #b5ae22.

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

#b5ae22 background color

This paragraph has a background color of #b5ae22.

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

#b5ae22 border color

This element has a border color of #b5ae22.

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

CSS codes

.text {color:#b5ae22;}

.background {background-color:#b5ae22;}

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

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

#100f03
```
#100f03 rgb(16,15,3)
```
#201f06
```
#201f06 rgb(32,31,6)
```
#312f09
```
#312f09 rgb(49,47,9)
```
#413f0c
```
#413f0c rgb(65,63,12)
```
#524f0f
```
#524f0f rgb(82,79,15)
```
#625f12
```
#625f12 rgb(98,95,18)
```
#736f16
```
#736f16 rgb(115,111,22)
```
#837e19
```
#837e19 rgb(131,126,25)
```
#948e1c
```
#948e1c rgb(148,142,28)
```
#a49e1f
```
#a49e1f rgb(164,158,31)
```
#b5ae22
```
#b5ae22 rgb(181,174,34)
```
#c6be25
```
#c6be25 rgb(198,190,37)
```
#d6ce28
```
#d6ce28 rgb(214,206,40)
```

Shade Color Variation

#dad238
```
#dad238 rgb(218,210,56)
```
#ddd649
```
#ddd649 rgb(221,214,73)
```
#e0d959
```
#e0d959 rgb(224,217,89)
```
#e3dd6a
```
#e3dd6a rgb(227,221,106)
```
#e6e17a
```
#e6e17a rgb(230,225,122)
```
#e9e58b
```
#e9e58b rgb(233,229,139)
```
#ece89b
```
#ece89b rgb(236,232,155)
```
#efecac
```
#efecac rgb(239,236,172)
```
#f2f0bc
```
#f2f0bc rgb(242,240,188)
```
#f6f4cd
```
#f6f4cd rgb(246,244,205)
```
#f9f7dd
```
#f9f7dd rgb(249,247,221)
```
#fcfbee
```
#fcfbee rgb(252,251,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#737264
```
#737264 rgb(115,114,100)
```
#7b7a5c
```
#7b7a5c rgb(123,122,92)
```
#838154
```
#838154 rgb(131,129,84)
```
#8c894b
```
#8c894b rgb(140,137,75)
```
#949043
```
#949043 rgb(148,144,67)
```
#9c983b
```
#9c983b rgb(156,152,59)
```
#a49f33
```
#a49f33 rgb(164,159,51)
```
#ada72a
```
#ada72a rgb(173,167,42)
```
#b5ae22
```
#b5ae22 rgb(181,174,34)
```
#bdb51a
```
#bdb51a rgb(189,181,26)
```
#c6bd11
```
#c6bd11 rgb(198,189,17)
```
#cec409
```
#cec409 rgb(206,196,9)
```
#d6cc01
```
#d6cc01 rgb(214,204,1)
```

Tone Color Variation

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

Dichromacy

#c3ae2c Protanopia 1% of men
#d9a634 Deuteranopia 1% of men
#c4a6b2 Tritanopia 0.001% of the population

Trichromacy

#beae28 Protanomaly 1% of men, 0.01% of women
#cba92d Deuteranomaly 6% of men, 0.4% of women
#bea97d Tritanomaly 0.01% of the population

#b5ae22 hex color

#b5ae22 Color Information

#b5ae22 Color Conversion

Color Schemes with #b5ae22

Alternatives to #b5ae22

#b5ae22 Preview

Shades and Tints of #b5ae22

Tones of #b5ae22

Color Blindness Simulator