#b2aa63 hex color

In a RGB color space, hex #b2aa63 is composed of 69.8% red, 66.7% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.5% magenta, 44.4% yellow and 30.2% black. It has a hue angle of 53.9 degrees, a saturation of 33.9% and a lightness of 54.3%. #b2aa63 color hex could be obtained by blending #ffffc6 with #655500. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 70
- G 67
- B 39
RGB color chart
- C 0
- M 4
- Y 44
- K 30
CMYK color chart

● #b2aa63 color description : Mostly desaturated dark yellow.

The hexadecimal color #b2aa63 has RGB values of R:178, G:170, B:99 and CMYK values of C:0, M:0.04, Y:0.44, K:0.3. Its decimal value is 11709027.

Hex triplet	b2aa63	`#b2aa63`
RGB Decimal	178, 170, 99	`rgb(178,170,99)`
RGB Percent	69.8, 66.7, 38.8	`rgb(69.8%,66.7%,38.8%)`
CMYK	0, 4, 44, 30
HSL	53.9°, 33.9, 54.3	`hsl(53.9,33.9%,54.3%)`
HSV (or HSB)	53.9°, 44.4, 69.8
Web Safe	999966	`#999966`

CIE-LAB	68.835, -7.332, 37.505
XYZ	34.987, 39.116, 17.511
xyY	0.382, 0.427, 39.116
CIE-LCH	68.835, 38.215, 101.061
CIE-LUV	68.835, 8.695, 48.128
Hunter-Lab	62.543, -9.596, 27.18
Binary	10110010, 10101010, 01100011

#b2aa63
```
#b2aa63 rgb(178,170,99)
```
#636bb2
```
#636bb2 rgb(99,107,178)
```

Complementary Color

#b28363
```
#b28363 rgb(178,131,99)
```
#b2aa63
```
#b2aa63 rgb(178,170,99)
```
#93b263
```
#93b263 rgb(147,178,99)
```

Analogous Color

#8363b2
```
#8363b2 rgb(131,99,178)
```
#b2aa63
```
#b2aa63 rgb(178,170,99)
```
#6393b2
```
#6393b2 rgb(99,147,178)
```

Split Complementary Color

#aa63b2
```
#aa63b2 rgb(170,99,178)
```
#b2aa63
```
#b2aa63 rgb(178,170,99)
```
#63b2aa
```
#63b2aa rgb(99,178,170)
```

Triadic Color

#b2636b
```
#b2636b rgb(178,99,107)
```
#b2aa63
```
#b2aa63 rgb(178,170,99)
```
#63b2aa
```
#63b2aa rgb(99,178,170)
```
#636bb2
```
#636bb2 rgb(99,107,178)
```

Tetradic Color

#867f42
```
#867f42 rgb(134,127,66)
```
#97904b
```
#97904b rgb(151,144,75)
```
#a8a053
```
#a8a053 rgb(168,160,83)
```
#b2aa63
```
#b2aa63 rgb(178,170,99)
```
#bab374
```
#bab374 rgb(186,179,116)
```
#c3bd85
```
#c3bd85 rgb(195,189,133)
```
#cbc696
```
#cbc696 rgb(203,198,150)
```

Monochromatic Color

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

#b29663
```
#b29663 rgb(178,150,99)
```
#b29d63
```
#b29d63 rgb(178,157,99)
```
#b2a363
```
#b2a363 rgb(178,163,99)
```
#b2aa63
```
#b2aa63 rgb(178,170,99)
```
#b2b163
```
#b2b163 rgb(178,177,99)
```
#adb263
```
#adb263 rgb(173,178,99)
```
#a6b263
```
#a6b263 rgb(166,178,99)
```

Similar Colors

Text with hexadecimal color #b2aa63

This text has a font color of #b2aa63.

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

#b2aa63 background color

This paragraph has a background color of #b2aa63.

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

#b2aa63 border color

This element has a border color of #b2aa63.

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

CSS codes

.text {color:#b2aa63;}

.background {background-color:#b2aa63;}

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

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 #f9f9f3 is the lightest one.

#020201
```
#020201 rgb(2,2,1)
```
#0f0e07
```
#0f0e07 rgb(15,14,7)
```
#1c1a0e
```
#1c1a0e rgb(28,26,14)
```
#292714
```
#292714 rgb(41,39,20)
```
#36331b
```
#36331b rgb(54,51,27)
```
#434021
```
#434021 rgb(67,64,33)
```
#504c28
```
#504c28 rgb(80,76,40)
```
#5e592e
```
#5e592e rgb(94,89,46)
```
#6b6535
```
#6b6535 rgb(107,101,53)
```
#78723b
```
#78723b rgb(120,114,59)
```
#857e42
```
#857e42 rgb(133,126,66)
```
#928b48
```
#928b48 rgb(146,139,72)
```
#9f974f
```
#9f974f rgb(159,151,79)
```

Shade Color Variation

#aca356
```
#aca356 rgb(172,163,86)
```
#b2aa63
```
#b2aa63 rgb(178,170,99)
```
#b8b170
```
#b8b170 rgb(184,177,112)
```
#bfb87d
```
#bfb87d rgb(191,184,125)
```
#c5bf8a
```
#c5bf8a rgb(197,191,138)
```
#ccc798
```
#ccc798 rgb(204,199,152)
```
#d2cea5
```
#d2cea5 rgb(210,206,165)
```
#d9d5b2
```
#d9d5b2 rgb(217,213,178)
```
#dfdcbf
```
#dfdcbf rgb(223,220,191)
```
#e6e3cc
```
#e6e3cc rgb(230,227,204)
```
#ecead9
```
#ecead9 rgb(236,234,217)
```
#f3f2e6
```
#f3f2e6 rgb(243,242,230)
```
#f9f9f3
```
#f9f9f3 rgb(249,249,243)
```

Tint Color Variation

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

#8e8d87
```
#8e8d87 rgb(142,141,135)
```
#97957e
```
#97957e rgb(151,149,126)
```
#a09c75
```
#a09c75 rgb(160,156,117)
```
#a9a36c
```
#a9a36c rgb(169,163,108)
```
#b2aa63
```
#b2aa63 rgb(178,170,99)
```
#bbb15a
```
#bbb15a rgb(187,177,90)
```
#c4b851
```
#c4b851 rgb(196,184,81)
```
#cdbf48
```
#cdbf48 rgb(205,191,72)
```
#d6c73f
```
#d6c73f rgb(214,199,63)
```
#dfce36
```
#dfce36 rgb(223,206,54)
```
#e8d52d
```
#e8d52d rgb(232,213,45)
```
#f1dc24
```
#f1dc24 rgb(241,220,36)
```
#fae31b
```
#fae31b rgb(250,227,27)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a7a597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcac6a Protanopia 1% of men
#cfa56e Deuteranopia 1% of men
#bea5b1 Tritanopia 0.001% of the population

Trichromacy

#b8ab67 Protanomaly 1% of men, 0.01% of women
#c4a66a Deuteranomaly 6% of men, 0.4% of women
#baa795 Tritanomaly 0.01% of the population

#b2aa63 hex color

#b2aa63 Color Information

#b2aa63 Color Conversion

Color Schemes with #b2aa63

Alternatives to #b2aa63

#b2aa63 Preview

Shades and Tints of #b2aa63

Tones of #b2aa63

Color Blindness Simulator