#b1af68 hex color

In a RGB color space, hex #b1af68 is composed of 69.4% red, 68.6% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.1% magenta, 41.2% yellow and 30.6% black. It has a hue angle of 58.4 degrees, a saturation of 31.9% and a lightness of 55.1%. #b1af68 color hex could be obtained by blending #ffffd0 with #635f00. Closest websafe color is: #999966.

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

● #b1af68 color description : Mostly desaturated dark yellow.

The hexadecimal color #b1af68 has RGB values of R:177, G:175, B:104 and CMYK values of C:0, M:0.01, Y:0.41, K:0.31. Its decimal value is 11644776.

Hex triplet	b1af68	`#b1af68`
RGB Decimal	177, 175, 104	`rgb(177,175,104)`
RGB Percent	69.4, 68.6, 40.8	`rgb(69.4%,68.6%,40.8%)`
CMYK	0, 1, 41, 31
HSL	58.4°, 31.9, 55.1	`hsl(58.4,31.9%,55.1%)`
HSV (or HSB)	58.4°, 41.2, 69.4
Web Safe	999966	`#999966`

CIE-LAB	70.181, -9.84, 36.597
XYZ	35.96, 41.007, 19.117
xyY	0.374, 0.427, 41.007
CIE-LCH	70.181, 37.897, 105.05
CIE-LUV	70.181, 4.748, 48.02
Hunter-Lab	64.037, -11.828, 27.126
Binary	10110001, 10101111, 01101000

#b1af68
```
#b1af68 rgb(177,175,104)
```
#686ab1
```
#686ab1 rgb(104,106,177)
```

Complementary Color

#b18b68
```
#b18b68 rgb(177,139,104)
```
#b1af68
```
#b1af68 rgb(177,175,104)
```
#8fb168
```
#8fb168 rgb(143,177,104)
```

Analogous Color

#8b68b1
```
#8b68b1 rgb(139,104,177)
```
#b1af68
```
#b1af68 rgb(177,175,104)
```
#688fb1
```
#688fb1 rgb(104,143,177)
```

Split Complementary Color

#af68b1
```
#af68b1 rgb(175,104,177)
```
#b1af68
```
#b1af68 rgb(177,175,104)
```
#68b1af
```
#68b1af rgb(104,177,175)
```

Triadic Color

#b1686a
```
#b1686a rgb(177,104,106)
```
#b1af68
```
#b1af68 rgb(177,175,104)
```
#68b1af
```
#68b1af rgb(104,177,175)
```
#686ab1
```
#686ab1 rgb(104,106,177)
```

Tetradic Color

#878546
```
#878546 rgb(135,133,70)
```
#98964e
```
#98964e rgb(152,150,78)
```
#a8a657
```
#a8a657 rgb(168,166,87)
```
#b1af68
```
#b1af68 rgb(177,175,104)
```
#bab879
```
#bab879 rgb(186,184,121)
```
#c2c18a
```
#c2c18a rgb(194,193,138)
```
#cbca9a
```
#cbca9a rgb(203,202,154)
```

Monochromatic Color

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

#b19d68
```
#b19d68 rgb(177,157,104)
```
#b1a368
```
#b1a368 rgb(177,163,104)
```
#b1a968
```
#b1a968 rgb(177,169,104)
```
#b1af68
```
#b1af68 rgb(177,175,104)
```
#adb168
```
#adb168 rgb(173,177,104)
```
#a7b168
```
#a7b168 rgb(167,177,104)
```
#a1b168
```
#a1b168 rgb(161,177,104)
```

Similar Colors

Text with hexadecimal color #b1af68

This text has a font color of #b1af68.

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

#b1af68 background color

This paragraph has a background color of #b1af68.

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

#b1af68 border color

This element has a border color of #b1af68.

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

CSS codes

.text {color:#b1af68;}

.background {background-color:#b1af68;}

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

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

#040402
```
#040402 rgb(4,4,2)
```
#111109
```
#111109 rgb(17,17,9)
```
#1e1e10
```
#1e1e10 rgb(30,30,16)
```
#2b2a16
```
#2b2a16 rgb(43,42,22)
```
#38371d
```
#38371d rgb(56,55,29)
```
#454424
```
#454424 rgb(69,68,36)
```
#52512a
```
#52512a rgb(82,81,42)
```
#5f5d31
```
#5f5d31 rgb(95,93,49)
```
#6c6a38
```
#6c6a38 rgb(108,106,56)
```
#79773e
```
#79773e rgb(121,119,62)
```
#868445
```
#868445 rgb(134,132,69)
```
#92914c
```
#92914c rgb(146,145,76)
```
#9f9d52
```
#9f9d52 rgb(159,157,82)
```

Shade Color Variation

#aaa85b
```
#aaa85b rgb(170,168,91)
```
#b1af68
```
#b1af68 rgb(177,175,104)
```
#b8b675
```
#b8b675 rgb(184,182,117)
```
#bebd82
```
#bebd82 rgb(190,189,130)
```
#c5c48f
```
#c5c48f rgb(197,196,143)
```
#ccca9c
```
#ccca9c rgb(204,202,156)
```
#d2d1a9
```
#d2d1a9 rgb(210,209,169)
```
#d9d8b6
```
#d9d8b6 rgb(217,216,182)
```
#e0dfc3
```
#e0dfc3 rgb(224,223,195)
```
#e6e6cf
```
#e6e6cf rgb(230,230,207)
```
#ededdc
```
#ededdc rgb(237,237,220)
```
#f4f4e9
```
#f4f4e9 rgb(244,244,233)
```
#fafaf6
```
#fafaf6 rgb(250,250,246)
```

Tint Color Variation

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

#8e8e8b
```
#8e8e8b rgb(142,142,139)
```
#979682
```
#979682 rgb(151,150,130)
```
#9f9e7a
```
#9f9e7a rgb(159,158,122)
```
#a8a771
```
#a8a771 rgb(168,167,113)
```
#b1af68
```
#b1af68 rgb(177,175,104)
```
#bab75f
```
#bab75f rgb(186,183,95)
```
#c3c056
```
#c3c056 rgb(195,192,86)
```
#cbc84e
```
#cbc84e rgb(203,200,78)
```
#d4d045
```
#d4d045 rgb(212,208,69)
```
#ddd93c
```
#ddd93c rgb(221,217,60)
```
#e6e133
```
#e6e133 rgb(230,225,51)
```
#efe92a
```
#efe92a rgb(239,233,42)
```
#f7f222
```
#f7f222 rgb(247,242,34)
```

Tone Color Variation

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

Dichromacy

#bfaf6e Protanopia 1% of men
#d2a873 Deuteranopia 1% of men
#beaab6 Tritanopia 0.001% of the population

Trichromacy

#baaf6c Protanomaly 1% of men, 0.01% of women
#c6aa6f Deuteranomaly 6% of men, 0.4% of women
#b9ac9a Tritanomaly 0.01% of the population

#b1af68 hex color

#b1af68 Color Information

#b1af68 Color Conversion

Color Schemes with #b1af68

Alternatives to #b1af68

#b1af68 Preview

Shades and Tints of #b1af68

Tones of #b1af68

Color Blindness Simulator