#b3af74 hex color

In a RGB color space, hex #b3af74 is composed of 70.2% red, 68.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 35.2% yellow and 29.8% black. It has a hue angle of 56.2 degrees, a saturation of 29.3% and a lightness of 57.8%. #b3af74 color hex could be obtained by blending #ffffe8 with #675f00. Closest websafe color is: #cc9966.

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

● #b3af74 color description : Slightly desaturated yellow.

The hexadecimal color #b3af74 has RGB values of R:179, G:175, B:116 and CMYK values of C:0, M:0.02, Y:0.35, K:0.3. Its decimal value is 11775860.

Hex triplet	b3af74	`#b3af74`
RGB Decimal	179, 175, 116	`rgb(179,175,116)`
RGB Percent	70.2, 68.6, 45.5	`rgb(70.2%,68.6%,45.5%)`
CMYK	0, 2, 35, 30
HSL	56.2°, 29.3, 57.8	`hsl(56.2,29.3%,57.8%)`
HSV (or HSB)	56.2°, 35.2, 70.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.528, -7.647, 30.804
XYZ	37.072, 41.505, 22.58
xyY	0.366, 0.41, 41.505
CIE-LCH	70.528, 31.739, 103.941
CIE-LUV	70.528, 5.524, 41.448
Hunter-Lab	64.424, -10.027, 24.316
Binary	10110011, 10101111, 01110100

#b3af74
```
#b3af74 rgb(179,175,116)
```
#7478b3
```
#7478b3 rgb(116,120,179)
```

Complementary Color

#b39074
```
#b39074 rgb(179,144,116)
```
#b3af74
```
#b3af74 rgb(179,175,116)
```
#98b374
```
#98b374 rgb(152,179,116)
```

Analogous Color

#9074b3
```
#9074b3 rgb(144,116,179)
```
#b3af74
```
#b3af74 rgb(179,175,116)
```
#7498b3
```
#7498b3 rgb(116,152,179)
```

Split Complementary Color

#af74b3
```
#af74b3 rgb(175,116,179)
```
#b3af74
```
#b3af74 rgb(179,175,116)
```
#74b3af
```
#74b3af rgb(116,179,175)
```

Triadic Color

#b37478
```
#b37478 rgb(179,116,120)
```
#b3af74
```
#b3af74 rgb(179,175,116)
```
#74b3af
```
#74b3af rgb(116,179,175)
```
#7478b3
```
#7478b3 rgb(116,120,179)
```

Tetradic Color

#8d894d
```
#8d894d rgb(141,137,77)
```
#9e9956
```
#9e9956 rgb(158,153,86)
```
#aaa664
```
#aaa664 rgb(170,166,100)
```
#b3af74
```
#b3af74 rgb(179,175,116)
```
#bcb884
```
#bcb884 rgb(188,184,132)
```
#c5c295
```
#c5c295 rgb(197,194,149)
```
#cecba5
```
#cecba5 rgb(206,203,165)
```

Monochromatic Color

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

#b39f74
```
#b39f74 rgb(179,159,116)
```
#b3a574
```
#b3a574 rgb(179,165,116)
```
#b3aa74
```
#b3aa74 rgb(179,170,116)
```
#b3af74
```
#b3af74 rgb(179,175,116)
```
#b2b374
```
#b2b374 rgb(178,179,116)
```
#adb374
```
#adb374 rgb(173,179,116)
```
#a7b374
```
#a7b374 rgb(167,179,116)
```

Similar Colors

Text with hexadecimal color #b3af74

This text has a font color of #b3af74.

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

#b3af74 background color

This paragraph has a background color of #b3af74.

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

#b3af74 border color

This element has a border color of #b3af74.

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

CSS codes

.text {color:#b3af74;}

.background {background-color:#b3af74;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0d07
```
#0d0d07 rgb(13,13,7)
```
#1a190e
```
#1a190e rgb(26,25,14)
```
#272515
```
#272515 rgb(39,37,21)
```
#33321c
```
#33321c rgb(51,50,28)
```
#403e23
```
#403e23 rgb(64,62,35)
```
#4d4a2a
```
#4d4a2a rgb(77,74,42)
```
#595731
```
#595731 rgb(89,87,49)
```
#666338
```
#666338 rgb(102,99,56)
```
#736f3f
```
#736f3f rgb(115,111,63)
```
#7f7c46
```
#7f7c46 rgb(127,124,70)
```
#8c884d
```
#8c884d rgb(140,136,77)
```
#999453
```
#999453 rgb(153,148,83)
```

Shade Color Variation

#a5a05b
```
#a5a05b rgb(165,160,91)
```
#aca867
```
#aca867 rgb(172,168,103)
```
#b3af74
```
#b3af74 rgb(179,175,116)
```
#bab681
```
#bab681 rgb(186,182,129)
```
#c1be8d
```
#c1be8d rgb(193,190,141)
```
#c8c59a
```
#c8c59a rgb(200,197,154)
```
#cfcca7
```
#cfcca7 rgb(207,204,167)
```
#d6d3b3
```
#d6d3b3 rgb(214,211,179)
```
#dddbc0
```
#dddbc0 rgb(221,219,192)
```
#e4e2cd
```
#e4e2cd rgb(228,226,205)
```
#eae9d9
```
#eae9d9 rgb(234,233,217)
```
#f1f1e6
```
#f1f1e6 rgb(241,241,230)
```
#f8f8f3
```
#f8f8f3 rgb(248,248,243)
```

Tint Color Variation

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

#9a998d
```
#9a998d rgb(154,153,141)
```
#a2a185
```
#a2a185 rgb(162,161,133)
```
#aba87c
```
#aba87c rgb(171,168,124)
```
#b3af74
```
#b3af74 rgb(179,175,116)
```
#bbb66c
```
#bbb66c rgb(187,182,108)
```
#c4bd63
```
#c4bd63 rgb(196,189,99)
```
#ccc55b
```
#ccc55b rgb(204,197,91)
```
#d4cc53
```
#d4cc53 rgb(212,204,83)
```
#dcd34b
```
#dcd34b rgb(220,211,75)
```
#e5da42
```
#e5da42 rgb(229,218,66)
```
#ede23a
```
#ede23a rgb(237,226,58)
```
#f5e932
```
#f5e932 rgb(245,233,50)
```
#fdf02a
```
#fdf02a rgb(253,240,42)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#abaa9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb07a Protanopia 1% of men
#d1a97e Deuteranopia 1% of men
#bfabb7 Tritanopia 0.001% of the population

Trichromacy

#bab077 Protanomaly 1% of men, 0.01% of women
#c6ab7a Deuteranomaly 6% of men, 0.4% of women
#baac9f Tritanomaly 0.01% of the population

#b3af74 hex color

#b3af74 Color Information

#b3af74 Color Conversion

Color Schemes with #b3af74

Alternatives to #b3af74

#b3af74 Preview

Shades and Tints of #b3af74

Tones of #b3af74

Color Blindness Simulator