#b2af51 hex color

In a RGB color space, hex #b2af51 is composed of 69.8% red, 68.6% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.7% magenta, 54.5% yellow and 30.2% black. It has a hue angle of 58.1 degrees, a saturation of 38.6% and a lightness of 50.8%. #b2af51 color hex could be obtained by blending #ffffa2 with #655f00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 70
- G 69
- B 32
RGB color chart
- C 0
- M 2
- Y 54
- K 30
CMYK color chart

● #b2af51 color description : Dark moderate yellow.

The hexadecimal color #b2af51 has RGB values of R:178, G:175, B:81 and CMYK values of C:0, M:0.02, Y:0.54, K:0.3. Its decimal value is 11710289.

Hex triplet	b2af51	`#b2af51`
RGB Decimal	178, 175, 81	`rgb(178,175,81)`
RGB Percent	69.8, 68.6, 31.8	`rgb(69.8%,68.6%,31.8%)`
CMYK	0, 2, 54, 30
HSL	58.1°, 38.6, 50.8	`hsl(58.1,38.6%,50.8%)`
HSV (or HSB)	58.1°, 54.5, 69.8
Web Safe	999966	`#999966`

CIE-LAB	69.979, -11.62, 47.8
XYZ	35.175, 40.72, 13.791
xyY	0.392, 0.454, 40.72
CIE-LCH	69.979, 49.192, 103.664
CIE-LUV	69.979, 6.243, 58.989
Hunter-Lab	63.812, -13.276, 31.855
Binary	10110010, 10101111, 01010001

#b2af51
```
#b2af51 rgb(178,175,81)
```
#5154b2
```
#5154b2 rgb(81,84,178)
```

Complementary Color

#b27f51
```
#b27f51 rgb(178,127,81)
```
#b2af51
```
#b2af51 rgb(178,175,81)
```
#85b251
```
#85b251 rgb(133,178,81)
```

Analogous Color

#7f51b2
```
#7f51b2 rgb(127,81,178)
```
#b2af51
```
#b2af51 rgb(178,175,81)
```
#5185b2
```
#5185b2 rgb(81,133,178)
```

Split Complementary Color

#af51b2
```
#af51b2 rgb(175,81,178)
```
#b2af51
```
#b2af51 rgb(178,175,81)
```
#51b2af
```
#51b2af rgb(81,178,175)
```

Triadic Color

#b25154
```
#b25154 rgb(178,81,84)
```
#b2af51
```
#b2af51 rgb(178,175,81)
```
#51b2af
```
#51b2af rgb(81,178,175)
```
#5154b2
```
#5154b2 rgb(81,84,178)
```

Tetradic Color

#7f7c38
```
#7f7c38 rgb(127,124,56)
```
#908e40
```
#908e40 rgb(144,142,64)
```
#a29f48
```
#a29f48 rgb(162,159,72)
```
#b2af51
```
#b2af51 rgb(178,175,81)
```
#bab763
```
#bab763 rgb(186,183,99)
```
#c2bf74
```
#c2bf74 rgb(194,191,116)
```
#c9c786
```
#c9c786 rgb(201,199,134)
```

Monochromatic Color

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

#b29751
```
#b29751 rgb(178,151,81)
```
#b29f51
```
#b29f51 rgb(178,159,81)
```
#b2a751
```
#b2a751 rgb(178,167,81)
```
#b2af51
```
#b2af51 rgb(178,175,81)
```
#adb251
```
#adb251 rgb(173,178,81)
```
#a5b251
```
#a5b251 rgb(165,178,81)
```
#9db251
```
#9db251 rgb(157,178,81)
```

Similar Colors

Text with hexadecimal color #b2af51

This text has a font color of #b2af51.

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

#b2af51 background color

This paragraph has a background color of #b2af51.

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

#b2af51 border color

This element has a border color of #b2af51.

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

CSS codes

.text {color:#b2af51;}

.background {background-color:#b2af51;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#101007
```
#101007 rgb(16,16,7)
```
#1e1d0d
```
#1e1d0d rgb(30,29,13)
```
#2c2b13
```
#2c2b13 rgb(44,43,19)
```
#393819
```
#393819 rgb(57,56,25)
```
#47461f
```
#47461f rgb(71,70,31)
```
#545325
```
#545325 rgb(84,83,37)
```
#62602b
```
#62602b rgb(98,96,43)
```
#706e31
```
#706e31 rgb(112,110,49)
```
#7d7b37
```
#7d7b37 rgb(125,123,55)
```
#8b883d
```
#8b883d rgb(139,136,61)
```
#989643
```
#989643 rgb(152,150,67)
```
#a6a349
```
#a6a349 rgb(166,163,73)
```

Shade Color Variation

#b2af51
```
#b2af51 rgb(178,175,81)
```
#b8b55f
```
#b8b55f rgb(184,181,95)
```
#bebc6c
```
#bebc6c rgb(190,188,108)
```
#c4c27a
```
#c4c27a rgb(196,194,122)
```
#cac887
```
#cac887 rgb(202,200,135)
```
#d0ce95
```
#d0ce95 rgb(208,206,149)
```
#d6d5a3
```
#d6d5a3 rgb(214,213,163)
```
#dcdbb0
```
#dcdbb0 rgb(220,219,176)
```
#e2e1be
```
#e2e1be rgb(226,225,190)
```
#e8e7cb
```
#e8e7cb rgb(232,231,203)
```
#eeeed9
```
#eeeed9 rgb(238,238,217)
```
#f4f4e7
```
#f4f4e7 rgb(244,244,231)
```
#fafaf4
```
#fafaf4 rgb(250,250,244)
```

Tint Color Variation

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

#828281
```
#828281 rgb(130,130,129)
```
#8b8b78
```
#8b8b78 rgb(139,139,120)
```
#95946e
```
#95946e rgb(149,148,110)
```
#9f9d64
```
#9f9d64 rgb(159,157,100)
```
#a8a65b
```
#a8a65b rgb(168,166,91)
```
#b2af51
```
#b2af51 rgb(178,175,81)
```
#bcb847
```
#bcb847 rgb(188,184,71)
```
#c5c13e
```
#c5c13e rgb(197,193,62)
```
#cfca34
```
#cfca34 rgb(207,202,52)
```
#d9d32a
```
#d9d32a rgb(217,211,42)
```
#e2dc21
```
#e2dc21 rgb(226,220,33)
```
#ece517
```
#ece517 rgb(236,229,23)
```
#f6ee0d
```
#f6ee0d rgb(246,238,13)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a8a794 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1af58 Protanopia 1% of men
#d5a75e Deuteranopia 1% of men
#c0a9b5 Tritanopia 0.001% of the population

Trichromacy

#bbaf56 Protanomaly 1% of men, 0.01% of women
#c8aa59 Deuteranomaly 6% of men, 0.4% of women
#bbab90 Tritanomaly 0.01% of the population

#b2af51 hex color

#b2af51 Color Information

#b2af51 Color Conversion

Color Schemes with #b2af51

Alternatives to #b2af51

#b2af51 Preview

Shades and Tints of #b2af51

Tones of #b2af51

Color Blindness Simulator