#b1af75 hex color

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

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

● #b1af75 color description : Mostly desaturated dark yellow.

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

Hex triplet	b1af75	`#b1af75`
RGB Decimal	177, 175, 117	`rgb(177,175,117)`
RGB Percent	69.4, 68.6, 45.9	`rgb(69.4%,68.6%,45.9%)`
CMYK	0, 1, 34, 31
HSL	58°, 27.8, 57.6	`hsl(58,27.8%,57.6%)`
HSV (or HSB)	58°, 33.9, 69.4
Web Safe	999966	`#999966`

CIE-LAB	70.38, -8.327, 30.05
XYZ	36.672, 41.292, 22.867
xyY	0.364, 0.41, 41.292
CIE-LCH	70.38, 31.182, 105.489
CIE-LUV	70.38, 4.195, 40.714
Hunter-Lab	64.259, -10.584, 23.882
Binary	10110001, 10101111, 01110101

#b1af75
```
#b1af75 rgb(177,175,117)
```
#7577b1
```
#7577b1 rgb(117,119,177)
```

Complementary Color

#b19175
```
#b19175 rgb(177,145,117)
```
#b1af75
```
#b1af75 rgb(177,175,117)
```
#95b175
```
#95b175 rgb(149,177,117)
```

Analogous Color

#9175b1
```
#9175b1 rgb(145,117,177)
```
#b1af75
```
#b1af75 rgb(177,175,117)
```
#7595b1
```
#7595b1 rgb(117,149,177)
```

Split Complementary Color

#af75b1
```
#af75b1 rgb(175,117,177)
```
#b1af75
```
#b1af75 rgb(177,175,117)
```
#75b1af
```
#75b1af rgb(117,177,175)
```

Triadic Color

#b17577
```
#b17577 rgb(177,117,119)
```
#b1af75
```
#b1af75 rgb(177,175,117)
```
#75b1af
```
#75b1af rgb(117,177,175)
```
#7577b1
```
#7577b1 rgb(117,119,177)
```

Tetradic Color

#8b894f
```
#8b894f rgb(139,137,79)
```
#9b9958
```
#9b9958 rgb(155,153,88)
```
#a8a665
```
#a8a665 rgb(168,166,101)
```
#b1af75
```
#b1af75 rgb(177,175,117)
```
#bab885
```
#bab885 rgb(186,184,133)
```
#c3c296
```
#c3c296 rgb(195,194,150)
```
#cdcba6
```
#cdcba6 rgb(205,203,166)
```

Monochromatic Color

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

#b1a075
```
#b1a075 rgb(177,160,117)
```
#b1a575
```
#b1a575 rgb(177,165,117)
```
#b1aa75
```
#b1aa75 rgb(177,170,117)
```
#b1af75
```
#b1af75 rgb(177,175,117)
```
#aeb175
```
#aeb175 rgb(174,177,117)
```
#a9b175
```
#a9b175 rgb(169,177,117)
```
#a4b175
```
#a4b175 rgb(164,177,117)
```

Similar Colors

Text with hexadecimal color #b1af75

This text has a font color of #b1af75.

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

#b1af75 background color

This paragraph has a background color of #b1af75.

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

#b1af75 border color

This element has a border color of #b1af75.

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

CSS codes

.text {color:#b1af75;}

.background {background-color:#b1af75;}

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

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 #ffffff is the lightest one.

#0c0c07
```
#0c0c07 rgb(12,12,7)
```
#19190e
```
#19190e rgb(25,25,14)
```
#252515
```
#252515 rgb(37,37,21)
```
#32311c
```
#32311c rgb(50,49,28)
```
#3f3e23
```
#3f3e23 rgb(63,62,35)
```
#4b4a2a
```
#4b4a2a rgb(75,74,42)
```
#585632
```
#585632 rgb(88,86,50)
```
#646339
```
#646339 rgb(100,99,57)
```
#716f40
```
#716f40 rgb(113,111,64)
```
#7d7b47
```
#7d7b47 rgb(125,123,71)
```
#8a884e
```
#8a884e rgb(138,136,78)
```
#969455
```
#969455 rgb(150,148,85)
```
#a3a05c
```
#a3a05c rgb(163,160,92)
```

Shade Color Variation

#aaa868
```
#aaa868 rgb(170,168,104)
```
#b1af75
```
#b1af75 rgb(177,175,117)
```
#b8b682
```
#b8b682 rgb(184,182,130)
```
#bfbe8e
```
#bfbe8e rgb(191,190,142)
```
#c6c59b
```
#c6c59b rgb(198,197,155)
```
#cdcca7
```
#cdcca7 rgb(205,204,167)
```
#d4d3b4
```
#d4d3b4 rgb(212,211,180)
```
#dcdbc0
```
#dcdbc0 rgb(220,219,192)
```
#e3e2cd
```
#e3e2cd rgb(227,226,205)
```
#eae9d9
```
#eae9d9 rgb(234,233,217)
```
#f1f0e6
```
#f1f0e6 rgb(241,240,230)
```
#f8f8f2
```
#f8f8f2 rgb(248,248,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#98988e
```
#98988e rgb(152,152,142)
```
#a09f86
```
#a09f86 rgb(160,159,134)
```
#a9a77d
```
#a9a77d rgb(169,167,125)
```
#b1af75
```
#b1af75 rgb(177,175,117)
```
#b9b76d
```
#b9b76d rgb(185,183,109)
```
#c2bf64
```
#c2bf64 rgb(194,191,100)
```
#cac65c
```
#cac65c rgb(202,198,92)
```
#d2ce54
```
#d2ce54 rgb(210,206,84)
```
#dbd64b
```
#dbd64b rgb(219,214,75)
```
#e3de43
```
#e3de43 rgb(227,222,67)
```
#ebe53b
```
#ebe53b rgb(235,229,59)
```
#f3ed33
```
#f3ed33 rgb(243,237,51)
```
#fcf52a
```
#fcf52a rgb(252,245,42)
```

Tone Color Variation

Below, you can see how #b1af75 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
#abaa9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb07b Protanopia 1% of men
#d0a97f Deuteranopia 1% of men
#bdabb7 Tritanopia 0.001% of the population

Trichromacy

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

#b1af75 hex color

#b1af75 Color Information

#b1af75 Color Conversion

Color Schemes with #b1af75

Alternatives to #b1af75

#b1af75 Preview

Shades and Tints of #b1af75

Tones of #b1af75

Color Blindness Simulator