#b1ae63 hex color

In a RGB color space, hex #b1ae63 is composed of 69.4% red, 68.2% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.7% magenta, 44.1% yellow and 30.6% black. It has a hue angle of 57.7 degrees, a saturation of 33.3% and a lightness of 54.1%. #b1ae63 color hex could be obtained by blending #ffffc6 with #635d00. Closest websafe color is: #999966.

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

● #b1ae63 color description : Mostly desaturated dark yellow.

The hexadecimal color #b1ae63 has RGB values of R:177, G:174, B:99 and CMYK values of C:0, M:0.02, Y:0.44, K:0.31. Its decimal value is 11644515.

Hex triplet	b1ae63	`#b1ae63`
RGB Decimal	177, 174, 99	`rgb(177,174,99)`
RGB Percent	69.4, 68.2, 38.8	`rgb(69.4%,68.2%,38.8%)`
CMYK	0, 2, 44, 31
HSL	57.7°, 33.3, 54.1	`hsl(57.7,33.3%,54.1%)`
HSV (or HSB)	57.7°, 44.1, 69.4
Web Safe	999966	`#999966`

CIE-LAB	69.839, -9.848, 38.734
XYZ	35.519, 40.521, 17.754
xyY	0.379, 0.432, 40.521
CIE-LCH	69.839, 39.967, 104.265
CIE-LUV	69.839, 5.558, 50.11
Hunter-Lab	63.656, -11.796, 28.023
Binary	10110001, 10101110, 01100011

#b1ae63
```
#b1ae63 rgb(177,174,99)
```
#6366b1
```
#6366b1 rgb(99,102,177)
```

Complementary Color

#b18763
```
#b18763 rgb(177,135,99)
```
#b1ae63
```
#b1ae63 rgb(177,174,99)
```
#8db163
```
#8db163 rgb(141,177,99)
```

Analogous Color

#8763b1
```
#8763b1 rgb(135,99,177)
```
#b1ae63
```
#b1ae63 rgb(177,174,99)
```
#638db1
```
#638db1 rgb(99,141,177)
```

Split Complementary Color

#ae63b1
```
#ae63b1 rgb(174,99,177)
```
#b1ae63
```
#b1ae63 rgb(177,174,99)
```
#63b1ae
```
#63b1ae rgb(99,177,174)
```

Triadic Color

#b16366
```
#b16366 rgb(177,99,102)
```
#b1ae63
```
#b1ae63 rgb(177,174,99)
```
#63b1ae
```
#63b1ae rgb(99,177,174)
```
#6366b1
```
#6366b1 rgb(99,102,177)
```

Tetradic Color

#858243
```
#858243 rgb(133,130,67)
```
#96934b
```
#96934b rgb(150,147,75)
```
#a7a454
```
#a7a454 rgb(167,164,84)
```
#b1ae63
```
#b1ae63 rgb(177,174,99)
```
#bab774
```
#bab774 rgb(186,183,116)
```
#c2c085
```
#c2c085 rgb(194,192,133)
```
#cbc896
```
#cbc896 rgb(203,200,150)
```

Monochromatic Color

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

#b19b63
```
#b19b63 rgb(177,155,99)
```
#b1a163
```
#b1a163 rgb(177,161,99)
```
#b1a863
```
#b1a863 rgb(177,168,99)
```
#b1ae63
```
#b1ae63 rgb(177,174,99)
```
#aeb163
```
#aeb163 rgb(174,177,99)
```
#a7b163
```
#a7b163 rgb(167,177,99)
```
#a1b163
```
#a1b163 rgb(161,177,99)
```

Similar Colors

Text with hexadecimal color #b1ae63

This text has a font color of #b1ae63.

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

#b1ae63 background color

This paragraph has a background color of #b1ae63.

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

#b1ae63 border color

This element has a border color of #b1ae63.

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

CSS codes

.text {color:#b1ae63;}

.background {background-color:#b1ae63;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0e0e07
```
#0e0e07 rgb(14,14,7)
```
#1b1b0e
```
#1b1b0e rgb(27,27,14)
```
#282714
```
#282714 rgb(40,39,20)
```
#35341b
```
#35341b rgb(53,52,27)
```
#424121
```
#424121 rgb(66,65,33)
```
#4f4e28
```
#4f4e28 rgb(79,78,40)
```
#5c5b2e
```
#5c5b2e rgb(92,91,46)
```
#6a6835
```
#6a6835 rgb(106,104,53)
```
#77743b
```
#77743b rgb(119,116,59)
```
#848142
```
#848142 rgb(132,129,66)
```
#918e48
```
#918e48 rgb(145,142,72)
```
#9e9b4f
```
#9e9b4f rgb(158,155,79)
```

Shade Color Variation

#aaa756
```
#aaa756 rgb(170,167,86)
```
#b1ae63
```
#b1ae63 rgb(177,174,99)
```
#b8b570
```
#b8b570 rgb(184,181,112)
```
#bebc7d
```
#bebc7d rgb(190,188,125)
```
#c5c28a
```
#c5c28a rgb(197,194,138)
```
#cbc997
```
#cbc997 rgb(203,201,151)
```
#d2d0a4
```
#d2d0a4 rgb(210,208,164)
```
#d8d7b1
```
#d8d7b1 rgb(216,215,177)
```
#dfdebf
```
#dfdebf rgb(223,222,191)
```
#e5e4cc
```
#e5e4cc rgb(229,228,204)
```
#ecebd9
```
#ecebd9 rgb(236,235,217)
```
#f2f2e6
```
#f2f2e6 rgb(242,242,230)
```
#f9f9f3
```
#f9f9f3 rgb(249,249,243)
```

Tint Color Variation

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

#8d8d87
```
#8d8d87 rgb(141,141,135)
```
#96957e
```
#96957e rgb(150,149,126)
```
#9f9d75
```
#9f9d75 rgb(159,157,117)
```
#a8a66c
```
#a8a66c rgb(168,166,108)
```
#b1ae63
```
#b1ae63 rgb(177,174,99)
```
#bab65a
```
#bab65a rgb(186,182,90)
```
#c3bf51
```
#c3bf51 rgb(195,191,81)
```
#ccc748
```
#ccc748 rgb(204,199,72)
```
#d5cf3f
```
#d5cf3f rgb(213,207,63)
```
#ded836
```
#ded836 rgb(222,216,54)
```
#e7e02d
```
#e7e02d rgb(231,224,45)
```
#f0e824
```
#f0e824 rgb(240,232,36)
```
#f9f01b
```
#f9f01b rgb(249,240,27)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a8a899 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfaf6a Protanopia 1% of men
#d2a76e Deuteranopia 1% of men
#bea9b5 Tritanopia 0.001% of the population

Trichromacy

#baae67 Protanomaly 1% of men, 0.01% of women
#c6a96a Deuteranomaly 6% of men, 0.4% of women
#b9ab97 Tritanomaly 0.01% of the population

#b1ae63 hex color

#b1ae63 Color Information

#b1ae63 Color Conversion

Color Schemes with #b1ae63

Alternatives to #b1ae63

#b1ae63 Preview

Shades and Tints of #b1ae63

Tones of #b1ae63

Color Blindness Simulator