#b3af83 hex color

In a RGB color space, hex #b3af83 is composed of 70.2% red, 68.6% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 26.8% yellow and 29.8% black. It has a hue angle of 55 degrees, a saturation of 24% and a lightness of 60.8%. #b3af83 color hex could be obtained by blending #ffffff with #675f07. Closest websafe color is: #cc9999.

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

● #b3af83 color description : Slightly desaturated yellow.

The hexadecimal color #b3af83 has RGB values of R:179, G:175, B:131 and CMYK values of C:0, M:0.02, Y:0.27, K:0.3. Its decimal value is 11775875.

Hex triplet	b3af83	`#b3af83`
RGB Decimal	179, 175, 131	`rgb(179,175,131)`
RGB Percent	70.2, 68.6, 51.4	`rgb(70.2%,68.6%,51.4%)`
CMYK	0, 2, 27, 30
HSL	55°, 24, 60.8	`hsl(55,24%,60.8%)`
HSV (or HSB)	55°, 26.8, 70.2
Web Safe	cc9999	`#cc9999`

CIE-LAB	70.79, -5.699, 23.135
XYZ	38.016, 41.883, 27.553
xyY	0.354, 0.39, 41.883
CIE-LCH	70.79, 23.827, 103.839
CIE-LUV	70.79, 4.793, 32.194
Hunter-Lab	64.717, -8.399, 20.059
Binary	10110011, 10101111, 10000011

#b3af83
```
#b3af83 rgb(179,175,131)
```
#8387b3
```
#8387b3 rgb(131,135,179)
```

Complementary Color

#b39783
```
#b39783 rgb(179,151,131)
```
#b3af83
```
#b3af83 rgb(179,175,131)
```
#9fb383
```
#9fb383 rgb(159,179,131)
```

Analogous Color

#9783b3
```
#9783b3 rgb(151,131,179)
```
#b3af83
```
#b3af83 rgb(179,175,131)
```
#839fb3
```
#839fb3 rgb(131,159,179)
```

Split Complementary Color

#af83b3
```
#af83b3 rgb(175,131,179)
```
#b3af83
```
#b3af83 rgb(179,175,131)
```
#83b3af
```
#83b3af rgb(131,179,175)
```

Triadic Color

#b38387
```
#b38387 rgb(179,131,135)
```
#b3af83
```
#b3af83 rgb(179,175,131)
```
#83b3af
```
#83b3af rgb(131,179,175)
```
#8387b3
```
#8387b3 rgb(131,135,179)
```

Tetradic Color

#918c59
```
#918c59 rgb(145,140,89)
```
#a09b63
```
#a09b63 rgb(160,155,99)
```
#a9a573
```
#a9a573 rgb(169,165,115)
```
#b3af83
```
#b3af83 rgb(179,175,131)
```
#bdb993
```
#bdb993 rgb(189,185,147)
```
#c6c3a3
```
#c6c3a3 rgb(198,195,163)
```
#d0ceb2
```
#d0ceb2 rgb(208,206,178)
```

Monochromatic Color

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

#b3a383
```
#b3a383 rgb(179,163,131)
```
#b3a783
```
#b3a783 rgb(179,167,131)
```
#b3ab83
```
#b3ab83 rgb(179,171,131)
```
#b3af83
```
#b3af83 rgb(179,175,131)
```
#b3b383
```
#b3b383 rgb(179,179,131)
```
#afb383
```
#afb383 rgb(175,179,131)
```
#abb383
```
#abb383 rgb(171,179,131)
```

Similar Colors

Text with hexadecimal color #b3af83

This text has a font color of #b3af83.

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

#b3af83 background color

This paragraph has a background color of #b3af83.

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

#b3af83 border color

This element has a border color of #b3af83.

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

CSS codes

.text {color:#b3af83;}

.background {background-color:#b3af83;}

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

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

#0a0906
```
#0a0906 rgb(10,9,6)
```
#16150d
```
#16150d rgb(22,21,13)
```
#222115
```
#222115 rgb(34,33,21)
```
#2e2d1c
```
#2e2d1c rgb(46,45,28)
```
#3a3924
```
#3a3924 rgb(58,57,36)
```
#47442b
```
#47442b rgb(71,68,43)
```
#535033
```
#535033 rgb(83,80,51)
```
#5f5c3a
```
#5f5c3a rgb(95,92,58)
```
#6b6842
```
#6b6842 rgb(107,104,66)
```
#777349
```
#777349 rgb(119,115,73)
```
#837f51
```
#837f51 rgb(131,127,81)
```
#908b58
```
#908b58 rgb(144,139,88)
```
#9c975f
```
#9c975f rgb(156,151,95)
```

Shade Color Variation

#a49f6b
```
#a49f6b rgb(164,159,107)
```
#aca777
```
#aca777 rgb(172,167,119)
```
#b3af83
```
#b3af83 rgb(179,175,131)
```
#bab78f
```
#bab78f rgb(186,183,143)
```
#c2bf9b
```
#c2bf9b rgb(194,191,155)
```
#c9c7a7
```
#c9c7a7 rgb(201,199,167)
```
#d1ceb4
```
#d1ceb4 rgb(209,206,180)
```
#d8d6c0
```
#d8d6c0 rgb(216,214,192)
```
#e0decc
```
#e0decc rgb(224,222,204)
```
#e7e6d8
```
#e7e6d8 rgb(231,230,216)
```
#efeee4
```
#efeee4 rgb(239,238,228)
```
#f6f6f0
```
#f6f6f0 rgb(246,246,240)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#9c9c9a
```
#9c9c9a rgb(156,156,154)
```
#a4a292
```
#a4a292 rgb(164,162,146)
```
#aba98b
```
#aba98b rgb(171,169,139)
```
#b3af83
```
#b3af83 rgb(179,175,131)
```
#bbb57b
```
#bbb57b rgb(187,181,123)
```
#c2bc74
```
#c2bc74 rgb(194,188,116)
```
#cac26c
```
#cac26c rgb(202,194,108)
```
#d2c964
```
#d2c964 rgb(210,201,100)
```
#d9cf5d
```
#d9cf5d rgb(217,207,93)
```
#e1d555
```
#e1d555 rgb(225,213,85)
```
#e9dc4d
```
#e9dc4d rgb(233,220,77)
```
#f1e245
```
#f1e245 rgb(241,226,69)
```
#f8e93e
```
#f8e93e rgb(248,233,62)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#adaca3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb188 Protanopia 1% of men
#ceaa8c Deuteranopia 1% of men
#bdacb8 Tritanopia 0.001% of the population

Trichromacy

#b9b086 Protanomaly 1% of men, 0.01% of women
#c4ac88 Deuteranomaly 6% of men, 0.4% of women
#b9ada5 Tritanomaly 0.01% of the population

#b3af83 hex color

#b3af83 Color Information

#b3af83 Color Conversion

Color Schemes with #b3af83

Alternatives to #b3af83

#b3af83 Preview

Shades and Tints of #b3af83

Tones of #b3af83

Color Blindness Simulator