colorhexa.com

#b2aa31 hex color

In a RGB color space, hex #b2aa31 is composed of 69.8% red, 66.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.5% magenta, 72.5% yellow and 30.2% black. It has a hue angle of 56.3 degrees, a saturation of 56.8% and a lightness of 44.5%. #b2aa31 color hex could be obtained by blending #ffff62 with #655500. Closest websafe color is: #999933.

- R 70
- G 67
- B 19
RGB color chart
- C 0
- M 4
- Y 72
- K 30
CMYK color chart

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

The hexadecimal color #b2aa31 has RGB values of R:178, G:170, B:49 and CMYK values of C:0, M:0.04, Y:0.72, K:0.3. Its decimal value is 11708977.

Hex triplet	b2aa31	`#b2aa31`
RGB Decimal	178, 170, 49	`rgb(178,170,49)`
RGB Percent	69.8, 66.7, 19.2	`rgb(69.8%,66.7%,19.2%)`
CMYK	0, 4, 72, 30
HSL	56.3°, 56.8, 44.5	`hsl(56.3,56.8%,44.5%)`
HSV (or HSB)	56.3°, 72.5, 69.8
Web Safe	999933	`#999933`

CIE-LAB	68.341, -11.095, 59.701
XYZ	33.289, 38.437, 8.571
xyY	0.415, 0.479, 38.437
CIE-LCH	68.341, 60.724, 100.528
CIE-LUV	68.341, 10.371, 67.488
Hunter-Lab	61.998, -12.651, 35.201
Binary	10110010, 10101010, 00110001

#b2aa31
```
#b2aa31 rgb(178,170,49)
```
#3139b2
```
#3139b2 rgb(49,57,178)
```

Complementary Color

#b26a31
```
#b26a31 rgb(178,106,49)
```
#b2aa31
```
#b2aa31 rgb(178,170,49)
```
#7ab231
```
#7ab231 rgb(122,178,49)
```

Analogous Color

#6a31b2
```
#6a31b2 rgb(106,49,178)
```
#b2aa31
```
#b2aa31 rgb(178,170,49)
```
#317ab2
```
#317ab2 rgb(49,122,178)
```

Split Complementary Color

#aa31b2
```
#aa31b2 rgb(170,49,178)
```
#b2aa31
```
#b2aa31 rgb(178,170,49)
```
#31b2aa
```
#31b2aa rgb(49,178,170)
```

Triadic Color

#b23139
```
#b23139 rgb(178,49,57)
```
#b2aa31
```
#b2aa31 rgb(178,170,49)
```
#31b2aa
```
#31b2aa rgb(49,178,170)
```
#3139b2
```
#3139b2 rgb(49,57,178)
```

Tetradic Color

#767120
```
#767120 rgb(118,113,32)
```
#8a8426
```
#8a8426 rgb(138,132,38)
```
#9e972b
```
#9e972b rgb(158,151,43)
```
#b2aa31
```
#b2aa31 rgb(178,170,49)
```
#c6bd37
```
#c6bd37 rgb(198,189,55)
```
#cdc549
```
#cdc549 rgb(205,197,73)
```
#d2cb5d
```
#d2cb5d rgb(210,203,93)
```

Monochromatic Color

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

#b28a31
```
#b28a31 rgb(178,138,49)
```
#b29531
```
#b29531 rgb(178,149,49)
```
#b29f31
```
#b29f31 rgb(178,159,49)
```
#b2aa31
```
#b2aa31 rgb(178,170,49)
```
#afb231
```
#afb231 rgb(175,178,49)
```
#a5b231
```
#a5b231 rgb(165,178,49)
```
#9ab231
```
#9ab231 rgb(154,178,49)
```

Similar Colors

Text with hexadecimal color #b2aa31

This text has a font color of #b2aa31.

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

#b2aa31 background color

This paragraph has a background color of #b2aa31.

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

#b2aa31 border color

This element has a border color of #b2aa31.

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

CSS codes

.text {color:#b2aa31;}

.background {background-color:#b2aa31;}

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

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

#090802
```
#090802 rgb(9,8,2)
```
#181707
```
#181707 rgb(24,23,7)
```
#28260b
```
#28260b rgb(40,38,11)
```
#37340f
```
#37340f rgb(55,52,15)
```
#464313
```
#464313 rgb(70,67,19)
```
#565218
```
#565218 rgb(86,82,24)
```
#65611c
```
#65611c rgb(101,97,28)
```
#746f20
```
#746f20 rgb(116,111,32)
```
#847e24
```
#847e24 rgb(132,126,36)
```
#938d29
```
#938d29 rgb(147,141,41)
```
#a39b2d
```
#a39b2d rgb(163,155,45)
```
#b2aa31
```
#b2aa31 rgb(178,170,49)
```
#c1b935
```
#c1b935 rgb(193,185,53)
```

Shade Color Variation

#cac240
```
#cac240 rgb(202,194,64)
```
#cfc74f
```
#cfc74f rgb(207,199,79)
```
#d3cc5f
```
#d3cc5f rgb(211,204,95)
```
#d7d16e
```
#d7d16e rgb(215,209,110)
```
#dbd57d
```
#dbd57d rgb(219,213,125)
```
#e0da8d
```
#e0da8d rgb(224,218,141)
```
#e4df9c
```
#e4df9c rgb(228,223,156)
```
#e8e4ac
```
#e8e4ac rgb(232,228,172)
```
#ece9bb
```
#ece9bb rgb(236,233,187)
```
#f0eeca
```
#f0eeca rgb(240,238,202)
```
#f5f3da
```
#f5f3da rgb(245,243,218)
```
#f9f8e9
```
#f9f8e9 rgb(249,248,233)
```
#fdfdf8
```
#fdfdf8 rgb(253,253,248)
```

Tint Color Variation

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

#75746e
```
#75746e rgb(117,116,110)
```
#7e7c65
```
#7e7c65 rgb(126,124,101)
```
#86845d
```
#86845d rgb(134,132,93)
```
#8f8b54
```
#8f8b54 rgb(143,139,84)
```
#98934b
```
#98934b rgb(152,147,75)
```
#a19b42
```
#a19b42 rgb(161,155,66)
```
#a9a23a
```
#a9a23a rgb(169,162,58)
```
#b2aa31
```
#b2aa31 rgb(178,170,49)
```
#bbb228
```
#bbb228 rgb(187,178,40)
```
#c3b920
```
#c3b920 rgb(195,185,32)
```
#ccc117
```
#ccc117 rgb(204,193,23)
```
#d5c90e
```
#d5c90e rgb(213,201,14)
```
#ded005
```
#ded005 rgb(222,208,5)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a3a189 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beab3a Protanopia 1% of men
#d3a340 Deuteranopia 1% of men
#c0a3af Tritanopia 0.001% of the population

Trichromacy

#baaa37 Protanomaly 1% of men, 0.01% of women
#c7a53b Deuteranomaly 6% of men, 0.4% of women
#bba581 Tritanomaly 0.01% of the population