#b1ae75 hex color

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

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

● #b1ae75 color description : Mostly desaturated dark yellow.

The hexadecimal color #b1ae75 has RGB values of R:177, G:174, B:117 and CMYK values of C:0, M:0.02, Y:0.34, K:0.31. Its decimal value is 11644533.

Hex triplet	b1ae75	`#b1ae75`
RGB Decimal	177, 174, 117	`rgb(177,174,117)`
RGB Percent	69.4, 68.2, 45.9	`rgb(69.4%,68.2%,45.9%)`
CMYK	0, 2, 34, 31
HSL	57°, 27.8, 57.6	`hsl(57,27.8%,57.6%)`
HSV (or HSB)	57°, 33.9, 69.4
Web Safe	999966	`#999966`

CIE-LAB	70.109, -7.8, 29.694
XYZ	36.478, 40.904, 22.802
xyY	0.364, 0.408, 40.904
CIE-LCH	70.109, 30.702, 104.719
CIE-LUV	70.109, 4.789, 40.166
Hunter-Lab	63.956, -10.115, 23.631
Binary	10110001, 10101110, 01110101

#b1ae75
```
#b1ae75 rgb(177,174,117)
```
#7578b1
```
#7578b1 rgb(117,120,177)
```

Complementary Color

#b19075
```
#b19075 rgb(177,144,117)
```
#b1ae75
```
#b1ae75 rgb(177,174,117)
```
#96b175
```
#96b175 rgb(150,177,117)
```

Analogous Color

#9075b1
```
#9075b1 rgb(144,117,177)
```
#b1ae75
```
#b1ae75 rgb(177,174,117)
```
#7596b1
```
#7596b1 rgb(117,150,177)
```

Split Complementary Color

#ae75b1
```
#ae75b1 rgb(174,117,177)
```
#b1ae75
```
#b1ae75 rgb(177,174,117)
```
#75b1ae
```
#75b1ae rgb(117,177,174)
```

Triadic Color

#b17578
```
#b17578 rgb(177,117,120)
```
#b1ae75
```
#b1ae75 rgb(177,174,117)
```
#75b1ae
```
#75b1ae rgb(117,177,174)
```
#7578b1
```
#7578b1 rgb(117,120,177)
```

Tetradic Color

#8b884f
```
#8b884f rgb(139,136,79)
```
#9b9858
```
#9b9858 rgb(155,152,88)
```
#a8a465
```
#a8a465 rgb(168,164,101)
```
#b1ae75
```
#b1ae75 rgb(177,174,117)
```
#bab885
```
#bab885 rgb(186,184,133)
```
#c3c196
```
#c3c196 rgb(195,193,150)
```
#cdcba6
```
#cdcba6 rgb(205,203,166)
```

Monochromatic Color

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

#b19f75
```
#b19f75 rgb(177,159,117)
```
#b1a475
```
#b1a475 rgb(177,164,117)
```
#b1a975
```
#b1a975 rgb(177,169,117)
```
#b1ae75
```
#b1ae75 rgb(177,174,117)
```
#afb175
```
#afb175 rgb(175,177,117)
```
#aab175
```
#aab175 rgb(170,177,117)
```
#a5b175
```
#a5b175 rgb(165,177,117)
```

Similar Colors

Text with hexadecimal color #b1ae75

This text has a font color of #b1ae75.

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

#b1ae75 background color

This paragraph has a background color of #b1ae75.

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

#b1ae75 border color

This element has a border color of #b1ae75.

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

CSS codes

.text {color:#b1ae75;}

.background {background-color:#b1ae75;}

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

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)
```
#19180e
```
#19180e rgb(25,24,14)
```
#252515
```
#252515 rgb(37,37,21)
```
#32311c
```
#32311c rgb(50,49,28)
```
#3f3d23
```
#3f3d23 rgb(63,61,35)
```
#4b492a
```
#4b492a rgb(75,73,42)
```
#585632
```
#585632 rgb(88,86,50)
```
#646239
```
#646239 rgb(100,98,57)
```
#716e40
```
#716e40 rgb(113,110,64)
```
#7d7a47
```
#7d7a47 rgb(125,122,71)
```
#8a874e
```
#8a874e rgb(138,135,78)
```
#969355
```
#969355 rgb(150,147,85)
```
#a39f5c
```
#a39f5c rgb(163,159,92)
```

Shade Color Variation

#aaa768
```
#aaa768 rgb(170,167,104)
```
#b1ae75
```
#b1ae75 rgb(177,174,117)
```
#b8b582
```
#b8b582 rgb(184,181,130)
```
#bfbd8e
```
#bfbd8e rgb(191,189,142)
```
#c6c49b
```
#c6c49b rgb(198,196,155)
```
#cdcba7
```
#cdcba7 rgb(205,203,167)
```
#d4d3b4
```
#d4d3b4 rgb(212,211,180)
```
#dcdac0
```
#dcdac0 rgb(220,218,192)
```
#e3e1cd
```
#e3e1cd rgb(227,225,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 #fcf12a is the most saturated one.

#98988e
```
#98988e rgb(152,152,142)
```
#a09f86
```
#a09f86 rgb(160,159,134)
```
#a9a77d
```
#a9a77d rgb(169,167,125)
```
#b1ae75
```
#b1ae75 rgb(177,174,117)
```
#b9b56d
```
#b9b56d rgb(185,181,109)
```
#c2bd64
```
#c2bd64 rgb(194,189,100)
```
#cac45c
```
#cac45c rgb(202,196,92)
```
#d2cc54
```
#d2cc54 rgb(210,204,84)
```
#dbd34b
```
#dbd34b rgb(219,211,75)
```
#e3db43
```
#e3db43 rgb(227,219,67)
```
#ebe23b
```
#ebe23b rgb(235,226,59)
```
#f3ea33
```
#f3ea33 rgb(243,234,51)
```
#fcf12a
```
#fcf12a rgb(252,241,42)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aaa99e Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdaf7b Protanopia 1% of men
#cfa87f Deuteranopia 1% of men
#bdaab6 Tritanopia 0.001% of the population

Trichromacy

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

#b1ae75 hex color

#b1ae75 Color Information

#b1ae75 Color Conversion

Color Schemes with #b1ae75

Alternatives to #b1ae75

#b1ae75 Preview

Shades and Tints of #b1ae75

Tones of #b1ae75

Color Blindness Simulator