#b2ae5f hex color

In a RGB color space, hex #b2ae5f is composed of 69.8% red, 68.2% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 46.6% yellow and 30.2% black. It has a hue angle of 57.1 degrees, a saturation of 35% and a lightness of 53.5%. #b2ae5f color hex could be obtained by blending #ffffbe with #655d00. Closest websafe color is: #999966.

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

● #b2ae5f color description : Dark moderate yellow.

The hexadecimal color #b2ae5f has RGB values of R:178, G:174, B:95 and CMYK values of C:0, M:0.02, Y:0.47, K:0.3. Its decimal value is 11710047.

Hex triplet	b2ae5f	`#b2ae5f`
RGB Decimal	178, 174, 95	`rgb(178,174,95)`
RGB Percent	69.8, 68.2, 37.3	`rgb(69.8%,68.2%,37.3%)`
CMYK	0, 2, 47, 30
HSL	57.1°, 35, 53.5	`hsl(57.1,35%,53.5%)`
HSV (or HSB)	57.1°, 46.6, 69.8
Web Safe	999966	`#999966`

CIE-LAB	69.869, -9.838, 40.818
XYZ	35.561, 40.564, 16.782
xyY	0.383, 0.437, 40.564
CIE-LCH	69.869, 41.987, 103.55
CIE-LUV	69.869, 6.374, 52.164
Hunter-Lab	63.69, -11.791, 28.96
Binary	10110010, 10101110, 01011111

#b2ae5f
```
#b2ae5f rgb(178,174,95)
```
#5f63b2
```
#5f63b2 rgb(95,99,178)
```

Complementary Color

#b2855f
```
#b2855f rgb(178,133,95)
```
#b2ae5f
```
#b2ae5f rgb(178,174,95)
```
#8db25f
```
#8db25f rgb(141,178,95)
```

Analogous Color

#855fb2
```
#855fb2 rgb(133,95,178)
```
#b2ae5f
```
#b2ae5f rgb(178,174,95)
```
#5f8db2
```
#5f8db2 rgb(95,141,178)
```

Split Complementary Color

#ae5fb2
```
#ae5fb2 rgb(174,95,178)
```
#b2ae5f
```
#b2ae5f rgb(178,174,95)
```
#5fb2ae
```
#5fb2ae rgb(95,178,174)
```

Triadic Color

#b25f63
```
#b25f63 rgb(178,95,99)
```
#b2ae5f
```
#b2ae5f rgb(178,174,95)
```
#5fb2ae
```
#5fb2ae rgb(95,178,174)
```
#5f63b2
```
#5f63b2 rgb(95,99,178)
```

Tetradic Color

#858140
```
#858140 rgb(133,129,64)
```
#969248
```
#969248 rgb(150,146,72)
```
#a7a350
```
#a7a350 rgb(167,163,80)
```
#b2ae5f
```
#b2ae5f rgb(178,174,95)
```
#bab770
```
#bab770 rgb(186,183,112)
```
#c3bf81
```
#c3bf81 rgb(195,191,129)
```
#cbc893
```
#cbc893 rgb(203,200,147)
```

Monochromatic Color

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

#b2995f
```
#b2995f rgb(178,153,95)
```
#b2a05f
```
#b2a05f rgb(178,160,95)
```
#b2a75f
```
#b2a75f rgb(178,167,95)
```
#b2ae5f
```
#b2ae5f rgb(178,174,95)
```
#afb25f
```
#afb25f rgb(175,178,95)
```
#a8b25f
```
#a8b25f rgb(168,178,95)
```
#a1b25f
```
#a1b25f rgb(161,178,95)
```

Similar Colors

Text with hexadecimal color #b2ae5f

This text has a font color of #b2ae5f.

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

#b2ae5f background color

This paragraph has a background color of #b2ae5f.

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

#b2ae5f border color

This element has a border color of #b2ae5f.

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

CSS codes

.text {color:#b2ae5f;}

.background {background-color:#b2ae5f;}

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

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

#0c0c06
```
#0c0c06 rgb(12,12,6)
```
#19190c
```
#19190c rgb(25,25,12)
```
#272613
```
#272613 rgb(39,38,19)
```
#343319
```
#343319 rgb(52,51,25)
```
#413f1f
```
#413f1f rgb(65,63,31)
```
#4e4c26
```
#4e4c26 rgb(78,76,38)
```
#5c592c
```
#5c592c rgb(92,89,44)
```
#696632
```
#696632 rgb(105,102,50)
```
#767339
```
#767339 rgb(118,115,57)
```
#83803f
```
#83803f rgb(131,128,63)
```
#918d46
```
#918d46 rgb(145,141,70)
```
#9e9a4c
```
#9e9a4c rgb(158,154,76)
```
#aba752
```
#aba752 rgb(171,167,82)
```

Shade Color Variation

#b2ae5f
```
#b2ae5f rgb(178,174,95)
```
#b8b56c
```
#b8b56c rgb(184,181,108)
```
#bfbb79
```
#bfbb79 rgb(191,187,121)
```
#c5c287
```
#c5c287 rgb(197,194,135)
```
#cbc994
```
#cbc994 rgb(203,201,148)
```
#d2d0a1
```
#d2d0a1 rgb(210,208,161)
```
#d8d6ae
```
#d8d6ae rgb(216,214,174)
```
#dfddbc
```
#dfddbc rgb(223,221,188)
```
#e5e4c9
```
#e5e4c9 rgb(229,228,201)
```
#ebead6
```
#ebead6 rgb(235,234,214)
```
#f2f1e3
```
#f2f1e3 rgb(242,241,227)
```
#f8f8f1
```
#f8f8f1 rgb(248,248,241)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#8e8d83
```
#8e8d83 rgb(142,141,131)
```
#97957a
```
#97957a rgb(151,149,122)
```
#a09e71
```
#a09e71 rgb(160,158,113)
```
#a9a668
```
#a9a668 rgb(169,166,104)
```
#b2ae5f
```
#b2ae5f rgb(178,174,95)
```
#bbb656
```
#bbb656 rgb(187,182,86)
```
#c4be4d
```
#c4be4d rgb(196,190,77)
```
#cdc744
```
#cdc744 rgb(205,199,68)
```
#d6cf3b
```
#d6cf3b rgb(214,207,59)
```
#e0d731
```
#e0d731 rgb(224,215,49)
```
#e9df28
```
#e9df28 rgb(233,223,40)
```
#f2e81f
```
#f2e81f rgb(242,232,31)
```
#fbf016
```
#fbf016 rgb(251,240,22)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a8a898 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfaf66 Protanopia 1% of men
#d3a76a Deuteranopia 1% of men
#bfa9b5 Tritanopia 0.001% of the population

Trichromacy

#baae63 Protanomaly 1% of men, 0.01% of women
#c7a966 Deuteranomaly 6% of men, 0.4% of women
#baaa95 Tritanomaly 0.01% of the population

#b2ae5f hex color

#b2ae5f Color Information

#b2ae5f Color Conversion

Color Schemes with #b2ae5f

Alternatives to #b2ae5f

#b2ae5f Preview

Shades and Tints of #b2ae5f

Tones of #b2ae5f

Color Blindness Simulator