#b1af74 hex color

In a RGB color space, hex #b1af74 is composed of 69.4% red, 68.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.1% magenta, 34.5% yellow and 30.6% black. It has a hue angle of 58 degrees, a saturation of 28.1% and a lightness of 57.5%. #b1af74 color hex could be obtained by blending #ffffe8 with #635f00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 69
- B 45
RGB color chart
- C 0
- M 1
- Y 34
- K 31
CMYK color chart

● #b1af74 color description : Mostly desaturated dark yellow.

The hexadecimal color #b1af74 has RGB values of R:177, G:175, B:116 and CMYK values of C:0, M:0.01, Y:0.34, K:0.31. Its decimal value is 11644788.

Hex triplet	b1af74	`#b1af74`
RGB Decimal	177, 175, 116	`rgb(177,175,116)`
RGB Percent	69.4, 68.6, 45.5	`rgb(69.4%,68.6%,45.5%)`
CMYK	0, 1, 34, 31
HSL	58°, 28.1, 57.5	`hsl(58,28.1%,57.5%)`
HSV (or HSB)	58°, 34.5, 69.4
Web Safe	999966	`#999966`

CIE-LAB	70.364, -8.45, 30.558
XYZ	36.613, 41.268, 22.559
xyY	0.365, 0.411, 41.268
CIE-LCH	70.364, 31.705, 105.458
CIE-LUV	70.364, 4.24, 41.303
Hunter-Lab	64.241, -10.686, 24.148
Binary	10110001, 10101111, 01110100

#b1af74
```
#b1af74 rgb(177,175,116)
```
#7476b1
```
#7476b1 rgb(116,118,177)
```

Complementary Color

#b19174
```
#b19174 rgb(177,145,116)
```
#b1af74
```
#b1af74 rgb(177,175,116)
```
#95b174
```
#95b174 rgb(149,177,116)
```

Analogous Color

#9174b1
```
#9174b1 rgb(145,116,177)
```
#b1af74
```
#b1af74 rgb(177,175,116)
```
#7495b1
```
#7495b1 rgb(116,149,177)
```

Split Complementary Color

#af74b1
```
#af74b1 rgb(175,116,177)
```
#b1af74
```
#b1af74 rgb(177,175,116)
```
#74b1af
```
#74b1af rgb(116,177,175)
```

Triadic Color

#b17476
```
#b17476 rgb(177,116,118)
```
#b1af74
```
#b1af74 rgb(177,175,116)
```
#74b1af
```
#74b1af rgb(116,177,175)
```
#7476b1
```
#7476b1 rgb(116,118,177)
```

Tetradic Color

#8b894e
```
#8b894e rgb(139,137,78)
```
#9b9957
```
#9b9957 rgb(155,153,87)
```
#a8a664
```
#a8a664 rgb(168,166,100)
```
#b1af74
```
#b1af74 rgb(177,175,116)
```
#bab884
```
#bab884 rgb(186,184,132)
```
#c3c295
```
#c3c295 rgb(195,194,149)
```
#cccba5
```
#cccba5 rgb(204,203,165)
```

Monochromatic Color

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

#b1a074
```
#b1a074 rgb(177,160,116)
```
#b1a574
```
#b1a574 rgb(177,165,116)
```
#b1aa74
```
#b1aa74 rgb(177,170,116)
```
#b1af74
```
#b1af74 rgb(177,175,116)
```
#aeb174
```
#aeb174 rgb(174,177,116)
```
#a9b174
```
#a9b174 rgb(169,177,116)
```
#a4b174
```
#a4b174 rgb(164,177,116)
```

Similar Colors

Text with hexadecimal color #b1af74

This text has a font color of #b1af74.

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

#b1af74 background color

This paragraph has a background color of #b1af74.

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

#b1af74 border color

This element has a border color of #b1af74.

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

CSS codes

.text {color:#b1af74;}

.background {background-color:#b1af74;}

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

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

#0c0c07
```
#0c0c07 rgb(12,12,7)
```
#18180e
```
#18180e rgb(24,24,14)
```
#252415
```
#252415 rgb(37,36,21)
```
#31311c
```
#31311c rgb(49,49,28)
```
#3e3d23
```
#3e3d23 rgb(62,61,35)
```
#4b4a2a
```
#4b4a2a rgb(75,74,42)
```
#575631
```
#575631 rgb(87,86,49)
```
#646238
```
#646238 rgb(100,98,56)
```
#706f3f
```
#706f3f rgb(112,111,63)
```
#7d7b46
```
#7d7b46 rgb(125,123,70)
```
#89874d
```
#89874d rgb(137,135,77)
```
#969454
```
#969454 rgb(150,148,84)
```
#a3a05b
```
#a3a05b rgb(163,160,91)
```

Shade Color Variation

#aaa867
```
#aaa867 rgb(170,168,103)
```
#b1af74
```
#b1af74 rgb(177,175,116)
```
#b8b681
```
#b8b681 rgb(184,182,129)
```
#bfbd8d
```
#bfbd8d rgb(191,189,141)
```
#c6c59a
```
#c6c59a rgb(198,197,154)
```
#cdcca6
```
#cdcca6 rgb(205,204,166)
```
#d4d3b3
```
#d4d3b3 rgb(212,211,179)
```
#dbdabf
```
#dbdabf rgb(219,218,191)
```
#e2e2cc
```
#e2e2cc rgb(226,226,204)
```
#e9e9d9
```
#e9e9d9 rgb(233,233,217)
```
#f0f0e5
```
#f0f0e5 rgb(240,240,229)
```
#f8f7f2
```
#f8f7f2 rgb(248,247,242)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#98988d
```
#98988d rgb(152,152,141)
```
#a09f85
```
#a09f85 rgb(160,159,133)
```
#a9a77c
```
#a9a77c rgb(169,167,124)
```
#b1af74
```
#b1af74 rgb(177,175,116)
```
#b9b76c
```
#b9b76c rgb(185,183,108)
```
#c2bf63
```
#c2bf63 rgb(194,191,99)
```
#cac65b
```
#cac65b rgb(202,198,91)
```
#d2ce53
```
#d2ce53 rgb(210,206,83)
```
#dbd64a
```
#dbd64a rgb(219,214,74)
```
#e3de42
```
#e3de42 rgb(227,222,66)
```
#ebe63a
```
#ebe63a rgb(235,230,58)
```
#f4ed31
```
#f4ed31 rgb(244,237,49)
```
#fcf529
```
#fcf529 rgb(252,245,41)
```

Tone Color Variation

Below, you can see how #b1af74 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
#d0a97e Deuteranopia 1% of men
#bdabb7 Tritanopia 0.001% of the population

Trichromacy

#b9af77 Protanomaly 1% of men, 0.01% of women
#c5ab7a Deuteranomaly 6% of men, 0.4% of women
#b8ac9f Tritanomaly 0.01% of the population

#b1af74 hex color

#b1af74 Color Information

#b1af74 Color Conversion

Color Schemes with #b1af74

Alternatives to #b1af74

#b1af74 Preview

Shades and Tints of #b1af74

Tones of #b1af74

Color Blindness Simulator