#b1af67 hex color

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

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

● #b1af67 color description : Mostly desaturated dark yellow.

The hexadecimal color #b1af67 has RGB values of R:177, G:175, B:103 and CMYK values of C:0, M:0.01, Y:0.42, K:0.31. Its decimal value is 11644775.

Hex triplet	b1af67	`#b1af67`
RGB Decimal	177, 175, 103	`rgb(177,175,103)`
RGB Percent	69.4, 68.6, 40.4	`rgb(69.4%,68.6%,40.4%)`
CMYK	0, 1, 42, 31
HSL	58.4°, 32.2, 54.9	`hsl(58.4,32.2%,54.9%)`
HSV (or HSB)	58.4°, 41.8, 69.4
Web Safe	999966	`#999966`

CIE-LAB	70.167, -9.949, 37.094
XYZ	35.909, 40.987, 18.851
xyY	0.375, 0.428, 40.987
CIE-LCH	70.167, 38.405, 105.013
CIE-LUV	70.167, 4.788, 48.55
Hunter-Lab	64.021, -11.916, 27.357
Binary	10110001, 10101111, 01100111

#b1af67
```
#b1af67 rgb(177,175,103)
```
#6769b1
```
#6769b1 rgb(103,105,177)
```

Complementary Color

#b18a67
```
#b18a67 rgb(177,138,103)
```
#b1af67
```
#b1af67 rgb(177,175,103)
```
#8eb167
```
#8eb167 rgb(142,177,103)
```

Analogous Color

#8a67b1
```
#8a67b1 rgb(138,103,177)
```
#b1af67
```
#b1af67 rgb(177,175,103)
```
#678eb1
```
#678eb1 rgb(103,142,177)
```

Split Complementary Color

#af67b1
```
#af67b1 rgb(175,103,177)
```
#b1af67
```
#b1af67 rgb(177,175,103)
```
#67b1af
```
#67b1af rgb(103,177,175)
```

Triadic Color

#b16769
```
#b16769 rgb(177,103,105)
```
#b1af67
```
#b1af67 rgb(177,175,103)
```
#67b1af
```
#67b1af rgb(103,177,175)
```
#6769b1
```
#6769b1 rgb(103,105,177)
```

Tetradic Color

#868545
```
#868545 rgb(134,133,69)
```
#97954e
```
#97954e rgb(151,149,78)
```
#a8a656
```
#a8a656 rgb(168,166,86)
```
#b1af67
```
#b1af67 rgb(177,175,103)
```
#bab878
```
#bab878 rgb(186,184,120)
```
#c2c189
```
#c2c189 rgb(194,193,137)
```
#cbca9a
```
#cbca9a rgb(203,202,154)
```

Monochromatic Color

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

#b19d67
```
#b19d67 rgb(177,157,103)
```
#b1a367
```
#b1a367 rgb(177,163,103)
```
#b1a967
```
#b1a967 rgb(177,169,103)
```
#b1af67
```
#b1af67 rgb(177,175,103)
```
#adb167
```
#adb167 rgb(173,177,103)
```
#a7b167
```
#a7b167 rgb(167,177,103)
```
#a1b167
```
#a1b167 rgb(161,177,103)
```

Similar Colors

Text with hexadecimal color #b1af67

This text has a font color of #b1af67.

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

#b1af67 background color

This paragraph has a background color of #b1af67.

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

#b1af67 border color

This element has a border color of #b1af67.

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

CSS codes

.text {color:#b1af67;}

.background {background-color:#b1af67;}

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

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)
```
#111008
```
#111008 rgb(17,16,8)
```
#1d1d0f
```
#1d1d0f rgb(29,29,15)
```
#2a2a16
```
#2a2a16 rgb(42,42,22)
```
#37371c
```
#37371c rgb(55,55,28)
```
#444323
```
#444323 rgb(68,67,35)
```
#51502a
```
#51502a rgb(81,80,42)
```
#5e5d30
```
#5e5d30 rgb(94,93,48)
```
#6b6a37
```
#6b6a37 rgb(107,106,55)
```
#78773e
```
#78773e rgb(120,119,62)
```
#858344
```
#858344 rgb(133,131,68)
```
#92904b
```
#92904b rgb(146,144,75)
```
#9f9d52
```
#9f9d52 rgb(159,157,82)
```

Shade Color Variation

#aaa85a
```
#aaa85a rgb(170,168,90)
```
#b1af67
```
#b1af67 rgb(177,175,103)
```
#b8b674
```
#b8b674 rgb(184,182,116)
```
#bebd81
```
#bebd81 rgb(190,189,129)
```
#c5c38e
```
#c5c38e rgb(197,195,142)
```
#ccca9b
```
#ccca9b rgb(204,202,155)
```
#d2d1a8
```
#d2d1a8 rgb(210,209,168)
```
#d9d8b5
```
#d9d8b5 rgb(217,216,181)
```
#e0dfc2
```
#e0dfc2 rgb(224,223,194)
```
#e6e6cf
```
#e6e6cf rgb(230,230,207)
```
#edecdc
```
#edecdc rgb(237,236,220)
```
#f4f3e9
```
#f4f3e9 rgb(244,243,233)
```
#fafaf6
```
#fafaf6 rgb(250,250,246)
```

Tint Color Variation

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

#8e8e8a
```
#8e8e8a rgb(142,142,138)
```
#969682
```
#969682 rgb(150,150,130)
```
#9f9e79
```
#9f9e79 rgb(159,158,121)
```
#a8a770
```
#a8a770 rgb(168,167,112)
```
#b1af67
```
#b1af67 rgb(177,175,103)
```
#bab75e
```
#bab75e rgb(186,183,94)
```
#c3c055
```
#c3c055 rgb(195,192,85)
```
#ccc84c
```
#ccc84c rgb(204,200,76)
```
#d4d044
```
#d4d044 rgb(212,208,68)
```
#ddd93b
```
#ddd93b rgb(221,217,59)
```
#e6e132
```
#e6e132 rgb(230,225,50)
```
#efea29
```
#efea29 rgb(239,234,41)
```
#f8f220
```
#f8f220 rgb(248,242,32)
```

Tone Color Variation

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

Dichromacy

#bfaf6d Protanopia 1% of men
#d2a872 Deuteranopia 1% of men
#beaab6 Tritanopia 0.001% of the population

Trichromacy

#baaf6b Protanomaly 1% of men, 0.01% of women
#c6aa6e Deuteranomaly 6% of men, 0.4% of women
#b9ac99 Tritanomaly 0.01% of the population

#b1af67 hex color

#b1af67 Color Information

#b1af67 Color Conversion

Color Schemes with #b1af67

Alternatives to #b1af67

#b1af67 Preview

Shades and Tints of #b1af67

Tones of #b1af67

Color Blindness Simulator