#b8ae36 hex color

In a RGB color space, hex #b8ae36 is composed of 72.2% red, 68.2% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.4% magenta, 70.7% yellow and 27.8% black. It has a hue angle of 55.4 degrees, a saturation of 54.6% and a lightness of 46.7%. #b8ae36 color hex could be obtained by blending #ffff6c with #715d00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 72
- G 68
- B 21
RGB color chart
- C 0
- M 5
- Y 71
- K 28
CMYK color chart

● #b8ae36 color description : Moderate yellow.

The hexadecimal color #b8ae36 has RGB values of R:184, G:174, B:54 and CMYK values of C:0, M:0.05, Y:0.71, K:0.28. Its decimal value is 12103222.

Hex triplet	b8ae36	`#b8ae36`
RGB Decimal	184, 174, 54	`rgb(184,174,54)`
RGB Percent	72.2, 68.2, 21.2	`rgb(72.2%,68.2%,21.2%)`
CMYK	0, 5, 71, 28
HSL	55.4°, 54.6, 46.7	`hsl(55.4,54.6%,46.7%)`
HSV (or HSB)	55.4°, 70.7, 72.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.986, -10.315, 59.615
XYZ	35.569, 40.73, 9.478
xyY	0.415, 0.475, 40.73
CIE-LCH	69.986, 60.501, 99.817
CIE-LUV	69.986, 11.789, 68.025
Hunter-Lab	63.82, -12.2, 35.869
Binary	10111000, 10101110, 00110110

#b8ae36
```
#b8ae36 rgb(184,174,54)
```
#3640b8
```
#3640b8 rgb(54,64,184)
```

Complementary Color

#b86d36
```
#b86d36 rgb(184,109,54)
```
#b8ae36
```
#b8ae36 rgb(184,174,54)
```
#81b836
```
#81b836 rgb(129,184,54)
```

Analogous Color

#6d36b8
```
#6d36b8 rgb(109,54,184)
```
#b8ae36
```
#b8ae36 rgb(184,174,54)
```
#3681b8
```
#3681b8 rgb(54,129,184)
```

Split Complementary Color

#ae36b8
```
#ae36b8 rgb(174,54,184)
```
#b8ae36
```
#b8ae36 rgb(184,174,54)
```
#36b8ae
```
#36b8ae rgb(54,184,174)
```

Triadic Color

#b83640
```
#b83640 rgb(184,54,64)
```
#b8ae36
```
#b8ae36 rgb(184,174,54)
```
#36b8ae
```
#36b8ae rgb(54,184,174)
```
#3640b8
```
#3640b8 rgb(54,64,184)
```

Tetradic Color

#7d7625
```
#7d7625 rgb(125,118,37)
```
#91892a
```
#91892a rgb(145,137,42)
```
#a49b30
```
#a49b30 rgb(164,155,48)
```
#b8ae36
```
#b8ae36 rgb(184,174,54)
```
#c7bd40
```
#c7bd40 rgb(199,189,64)
```
#cdc454
```
#cdc454 rgb(205,196,84)
```
#d3ca68
```
#d3ca68 rgb(211,202,104)
```

Monochromatic Color

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

#b88e36
```
#b88e36 rgb(184,142,54)
```
#b89836
```
#b89836 rgb(184,152,54)
```
#b8a336
```
#b8a336 rgb(184,163,54)
```
#b8ae36
```
#b8ae36 rgb(184,174,54)
```
#b7b836
```
#b7b836 rgb(183,184,54)
```
#acb836
```
#acb836 rgb(172,184,54)
```
#a2b836
```
#a2b836 rgb(162,184,54)
```

Similar Colors

Text with hexadecimal color #b8ae36

This text has a font color of #b8ae36.

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

#b8ae36 background color

This paragraph has a background color of #b8ae36.

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

#b8ae36 border color

This element has a border color of #b8ae36.

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

CSS codes

.text {color:#b8ae36;}

.background {background-color:#b8ae36;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#111005
```
#111005 rgb(17,16,5)
```
#201f09
```
#201f09 rgb(32,31,9)
```
#302d0e
```
#302d0e rgb(48,45,14)
```
#3f3b12
```
#3f3b12 rgb(63,59,18)
```
#4e4a17
```
#4e4a17 rgb(78,74,23)
```
#5d581b
```
#5d581b rgb(93,88,27)
```
#6c6620
```
#6c6620 rgb(108,102,32)
```
#7b7524
```
#7b7524 rgb(123,117,36)
```
#8b8329
```
#8b8329 rgb(139,131,41)
```
#9a912d
```
#9a912d rgb(154,145,45)
```
#a9a032
```
#a9a032 rgb(169,160,50)
```
#b8ae36
```
#b8ae36 rgb(184,174,54)
```

Shade Color Variation

#c6bb3c
```
#c6bb3c rgb(198,187,60)
```
#cac04b
```
#cac04b rgb(202,192,75)
```
#cfc65a
```
#cfc65a rgb(207,198,90)
```
#d3cb69
```
#d3cb69 rgb(211,203,105)
```
#d8d079
```
#d8d079 rgb(216,208,121)
```
#dcd688
```
#dcd688 rgb(220,214,136)
```
#e0db97
```
#e0db97 rgb(224,219,151)
```
#e5e0a6
```
#e5e0a6 rgb(229,224,166)
```
#e9e5b5
```
#e9e5b5 rgb(233,229,181)
```
#eeebc4
```
#eeebc4 rgb(238,235,196)
```
#f2f0d4
```
#f2f0d4 rgb(242,240,212)
```
#f7f5e3
```
#f7f5e3 rgb(247,245,227)
```
#fbfaf2
```
#fbfaf2 rgb(251,250,242)
```

Tint Color Variation

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

#787876
```
#787876 rgb(120,120,118)
```
#81806d
```
#81806d rgb(129,128,109)
```
#8a8764
```
#8a8764 rgb(138,135,100)
```
#938f5b
```
#938f5b rgb(147,143,91)
```
#9d9751
```
#9d9751 rgb(157,151,81)
```
#a69f48
```
#a69f48 rgb(166,159,72)
```
#afa63f
```
#afa63f rgb(175,166,63)
```
#b8ae36
```
#b8ae36 rgb(184,174,54)
```
#c1b62d
```
#c1b62d rgb(193,182,45)
```
#cabd24
```
#cabd24 rgb(202,189,36)
```
#d3c51b
```
#d3c51b rgb(211,197,27)
```
#ddcd11
```
#ddcd11 rgb(221,205,17)
```
#e6d508
```
#e6d508 rgb(230,213,8)
```

Tone Color Variation

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

Dichromacy

#c3af3f Protanopia 1% of men
#d8a745 Deuteranopia 1% of men
#c6a7b3 Tritanopia 0.001% of the population

Trichromacy

#bfaf3c Protanomaly 1% of men, 0.01% of women
#cca93f Deuteranomaly 6% of men, 0.4% of women
#c1a985 Tritanomaly 0.01% of the population

#b8ae36 hex color

#b8ae36 Color Information

#b8ae36 Color Conversion

Color Schemes with #b8ae36

Alternatives to #b8ae36

#b8ae36 Preview

Shades and Tints of #b8ae36

Tones of #b8ae36

Color Blindness Simulator