#b2af5f hex color

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

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

● #b2af5f color description : Dark moderate yellow.

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

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

CIE-LAB	70.142, -10.36, 41.151
XYZ	35.755, 40.952, 16.847
xyY	0.382, 0.438, 40.952
CIE-LCH	70.142, 42.435, 104.131
CIE-LUV	70.142, 5.754, 52.665
Hunter-Lab	63.993, -12.254, 29.187
Binary	10110010, 10101111, 01011111

#b2af5f
```
#b2af5f rgb(178,175,95)
```
#5f62b2
```
#5f62b2 rgb(95,98,178)
```

Complementary Color

#b2865f
```
#b2865f rgb(178,134,95)
```
#b2af5f
```
#b2af5f rgb(178,175,95)
```
#8cb25f
```
#8cb25f rgb(140,178,95)
```

Analogous Color

#865fb2
```
#865fb2 rgb(134,95,178)
```
#b2af5f
```
#b2af5f rgb(178,175,95)
```
#5f8cb2
```
#5f8cb2 rgb(95,140,178)
```

Split Complementary Color

#af5fb2
```
#af5fb2 rgb(175,95,178)
```
#b2af5f
```
#b2af5f rgb(178,175,95)
```
#5fb2af
```
#5fb2af rgb(95,178,175)
```

Triadic Color

#b25f62
```
#b25f62 rgb(178,95,98)
```
#b2af5f
```
#b2af5f rgb(178,175,95)
```
#5fb2af
```
#5fb2af rgb(95,178,175)
```
#5f62b2
```
#5f62b2 rgb(95,98,178)
```

Tetradic Color

#858240
```
#858240 rgb(133,130,64)
```
#969348
```
#969348 rgb(150,147,72)
```
#a7a450
```
#a7a450 rgb(167,164,80)
```
#b2af5f
```
#b2af5f rgb(178,175,95)
```
#bab870
```
#bab870 rgb(186,184,112)
```
#c3c081
```
#c3c081 rgb(195,192,129)
```
#cbc993
```
#cbc993 rgb(203,201,147)
```

Monochromatic Color

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

#b29a5f
```
#b29a5f rgb(178,154,95)
```
#b2a15f
```
#b2a15f rgb(178,161,95)
```
#b2a85f
```
#b2a85f rgb(178,168,95)
```
#b2af5f
```
#b2af5f rgb(178,175,95)
```
#aeb25f
```
#aeb25f rgb(174,178,95)
```
#a7b25f
```
#a7b25f rgb(167,178,95)
```
#a0b25f
```
#a0b25f rgb(160,178,95)
```

Similar Colors

Text with hexadecimal color #b2af5f

This text has a font color of #b2af5f.

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

#b2af5f background color

This paragraph has a background color of #b2af5f.

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

#b2af5f border color

This element has a border color of #b2af5f.

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

CSS codes

.text {color:#b2af5f;}

.background {background-color:#b2af5f;}

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

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)
```
#41401f
```
#41401f rgb(65,64,31)
```
#4e4d26
```
#4e4d26 rgb(78,77,38)
```
#5c5a2c
```
#5c5a2c rgb(92,90,44)
```
#696732
```
#696732 rgb(105,103,50)
```
#767439
```
#767439 rgb(118,116,57)
```
#83813f
```
#83813f rgb(131,129,63)
```
#918e46
```
#918e46 rgb(145,142,70)
```
#9e9b4c
```
#9e9b4c rgb(158,155,76)
```
#aba852
```
#aba852 rgb(171,168,82)
```

Shade Color Variation

#b2af5f
```
#b2af5f rgb(178,175,95)
```
#b8b66c
```
#b8b66c rgb(184,182,108)
```
#bfbc79
```
#bfbc79 rgb(191,188,121)
```
#c5c387
```
#c5c387 rgb(197,195,135)
```
#cbc994
```
#cbc994 rgb(203,201,148)
```
#d2d0a1
```
#d2d0a1 rgb(210,208,161)
```
#d8d7ae
```
#d8d7ae rgb(216,215,174)
```
#dfddbc
```
#dfddbc rgb(223,221,188)
```
#e5e4c9
```
#e5e4c9 rgb(229,228,201)
```
#ebebd6
```
#ebebd6 rgb(235,235,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 #fbf316 is the most saturated one.

#8e8d83
```
#8e8d83 rgb(142,141,131)
```
#97967a
```
#97967a rgb(151,150,122)
```
#a09e71
```
#a09e71 rgb(160,158,113)
```
#a9a768
```
#a9a768 rgb(169,167,104)
```
#b2af5f
```
#b2af5f rgb(178,175,95)
```
#bbb756
```
#bbb756 rgb(187,183,86)
```
#c4c04d
```
#c4c04d rgb(196,192,77)
```
#cdc844
```
#cdc844 rgb(205,200,68)
```
#d6d13b
```
#d6d13b rgb(214,209,59)
```
#e0d931
```
#e0d931 rgb(224,217,49)
```
#e9e228
```
#e9e228 rgb(233,226,40)
```
#f2ea1f
```
#f2ea1f rgb(242,234,31)
```
#fbf316
```
#fbf316 rgb(251,243,22)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9a999 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0af66 Protanopia 1% of men
#d4a86a Deuteranopia 1% of men
#bfaab6 Tritanopia 0.001% of the population

Trichromacy

#bbaf63 Protanomaly 1% of men, 0.01% of women
#c7aa66 Deuteranomaly 6% of men, 0.4% of women
#baab96 Tritanomaly 0.01% of the population

#b2af5f hex color

#b2af5f Color Information

#b2af5f Color Conversion

Color Schemes with #b2af5f

Alternatives to #b2af5f

#b2af5f Preview

Shades and Tints of #b2af5f

Tones of #b2af5f

Color Blindness Simulator