#b1af63 hex color

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

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

● #b1af63 color description : Mostly desaturated dark yellow.

The hexadecimal color #b1af63 has RGB values of R:177, G:175, B:99 and CMYK values of C:0, M:0.01, Y:0.44, K:0.31. Its decimal value is 11644771.

Hex triplet	b1af63	`#b1af63`
RGB Decimal	177, 175, 99	`rgb(177,175,99)`
RGB Percent	69.4, 68.6, 38.8	`rgb(69.4%,68.6%,38.8%)`
CMYK	0, 1, 44, 31
HSL	58.5°, 33.3, 54.1	`hsl(58.5,33.3%,54.1%)`
HSV (or HSB)	58.5°, 44.1, 69.4
Web Safe	999966	`#999966`

CIE-LAB	70.112, -10.371, 39.073
XYZ	35.713, 40.908, 17.819
xyY	0.378, 0.433, 40.908
CIE-LCH	70.112, 40.426, 104.865
CIE-LUV	70.112, 4.944, 50.619
Hunter-Lab	63.96, -12.26, 28.254
Binary	10110001, 10101111, 01100011

#b1af63
```
#b1af63 rgb(177,175,99)
```
#6365b1
```
#6365b1 rgb(99,101,177)
```

Complementary Color

#b18863
```
#b18863 rgb(177,136,99)
```
#b1af63
```
#b1af63 rgb(177,175,99)
```
#8cb163
```
#8cb163 rgb(140,177,99)
```

Analogous Color

#8863b1
```
#8863b1 rgb(136,99,177)
```
#b1af63
```
#b1af63 rgb(177,175,99)
```
#638cb1
```
#638cb1 rgb(99,140,177)
```

Split Complementary Color

#af63b1
```
#af63b1 rgb(175,99,177)
```
#b1af63
```
#b1af63 rgb(177,175,99)
```
#63b1af
```
#63b1af rgb(99,177,175)
```

Triadic Color

#b16365
```
#b16365 rgb(177,99,101)
```
#b1af63
```
#b1af63 rgb(177,175,99)
```
#63b1af
```
#63b1af rgb(99,177,175)
```
#6365b1
```
#6365b1 rgb(99,101,177)
```

Tetradic Color

#858343
```
#858343 rgb(133,131,67)
```
#96944b
```
#96944b rgb(150,148,75)
```
#a7a554
```
#a7a554 rgb(167,165,84)
```
#b1af63
```
#b1af63 rgb(177,175,99)
```
#bab874
```
#bab874 rgb(186,184,116)
```
#c2c085
```
#c2c085 rgb(194,192,133)
```
#cbc996
```
#cbc996 rgb(203,201,150)
```

Monochromatic Color

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

#b19c63
```
#b19c63 rgb(177,156,99)
```
#b1a263
```
#b1a263 rgb(177,162,99)
```
#b1a963
```
#b1a963 rgb(177,169,99)
```
#b1af63
```
#b1af63 rgb(177,175,99)
```
#adb163
```
#adb163 rgb(173,177,99)
```
#a6b163
```
#a6b163 rgb(166,177,99)
```
#a0b163
```
#a0b163 rgb(160,177,99)
```

Similar Colors

Text with hexadecimal color #b1af63

This text has a font color of #b1af63.

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

#b1af63 background color

This paragraph has a background color of #b1af63.

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

#b1af63 border color

This element has a border color of #b1af63.

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

CSS codes

.text {color:#b1af63;}

.background {background-color:#b1af63;}

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

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)
```
#282814
```
#282814 rgb(40,40,20)
```
#35351b
```
#35351b rgb(53,53,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)
```
#77753b
```
#77753b rgb(119,117,59)
```
#848242
```
#848242 rgb(132,130,66)
```
#918f48
```
#918f48 rgb(145,143,72)
```
#9e9c4f
```
#9e9c4f rgb(158,156,79)
```

Shade Color Variation

#aaa856
```
#aaa856 rgb(170,168,86)
```
#b1af63
```
#b1af63 rgb(177,175,99)
```
#b8b670
```
#b8b670 rgb(184,182,112)
```
#bebc7d
```
#bebc7d rgb(190,188,125)
```
#c5c38a
```
#c5c38a rgb(197,195,138)
```
#cbca97
```
#cbca97 rgb(203,202,151)
```
#d2d1a4
```
#d2d1a4 rgb(210,209,164)
```
#d8d7b1
```
#d8d7b1 rgb(216,215,177)
```
#dfdebf
```
#dfdebf rgb(223,222,191)
```
#e5e5cc
```
#e5e5cc rgb(229,229,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 #f9f31b is the most saturated one.

#8d8d87
```
#8d8d87 rgb(141,141,135)
```
#96957e
```
#96957e rgb(150,149,126)
```
#9f9e75
```
#9f9e75 rgb(159,158,117)
```
#a8a66c
```
#a8a66c rgb(168,166,108)
```
#b1af63
```
#b1af63 rgb(177,175,99)
```
#bab85a
```
#bab85a rgb(186,184,90)
```
#c3c051
```
#c3c051 rgb(195,192,81)
```
#ccc948
```
#ccc948 rgb(204,201,72)
```
#d5d13f
```
#d5d13f rgb(213,209,63)
```
#deda36
```
#deda36 rgb(222,218,54)
```
#e7e22d
```
#e7e22d rgb(231,226,45)
```
#f0eb24
```
#f0eb24 rgb(240,235,36)
```
#f9f31b
```
#f9f31b rgb(249,243,27)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9a999 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfaf69 Protanopia 1% of men
#d3a86e Deuteranopia 1% of men
#beaab6 Tritanopia 0.001% of the population

Trichromacy

#baaf67 Protanomaly 1% of men, 0.01% of women
#c6aa6a Deuteranomaly 6% of men, 0.4% of women
#b9ab98 Tritanomaly 0.01% of the population

#b1af63 hex color

#b1af63 Color Information

#b1af63 Color Conversion

Color Schemes with #b1af63

Alternatives to #b1af63

#b1af63 Preview

Shades and Tints of #b1af63

Tones of #b1af63

Color Blindness Simulator