#b5af66 hex color

In a RGB color space, hex #b5af66 is composed of 71% red, 68.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.3% magenta, 43.6% yellow and 29% black. It has a hue angle of 55.4 degrees, a saturation of 34.8% and a lightness of 55.5%. #b5af66 color hex could be obtained by blending #ffffcc with #6b5f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 69
- B 40
RGB color chart
- C 0
- M 3
- Y 44
- K 29
CMYK color chart

● #b5af66 color description : Slightly desaturated yellow.

The hexadecimal color #b5af66 has RGB values of R:181, G:175, B:102 and CMYK values of C:0, M:0.03, Y:0.44, K:0.29. Its decimal value is 11906918.

Hex triplet	b5af66	`#b5af66`
RGB Decimal	181, 175, 102	`rgb(181,175,102)`
RGB Percent	71, 68.6, 40	`rgb(71%,68.6%,40%)`
CMYK	0, 3, 44, 29
HSL	55.4°, 34.8, 55.5	`hsl(55.4,34.8%,55.5%)`
HSV (or HSB)	55.4°, 43.6, 71
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.486, -8.412, 38.079
XYZ	36.784, 41.444, 18.631
xyY	0.38, 0.428, 41.444
CIE-LCH	70.486, 38.997, 102.457
CIE-LUV	70.486, 7.456, 49.315
Hunter-Lab	64.377, -10.667, 27.904
Binary	10110101, 10101111, 01100110

#b5af66
```
#b5af66 rgb(181,175,102)
```
#666cb5
```
#666cb5 rgb(102,108,181)
```

Complementary Color

#b58866
```
#b58866 rgb(181,136,102)
```
#b5af66
```
#b5af66 rgb(181,175,102)
```
#94b566
```
#94b566 rgb(148,181,102)
```

Analogous Color

#8866b5
```
#8866b5 rgb(136,102,181)
```
#b5af66
```
#b5af66 rgb(181,175,102)
```
#6694b5
```
#6694b5 rgb(102,148,181)
```

Split Complementary Color

#af66b5
```
#af66b5 rgb(175,102,181)
```
#b5af66
```
#b5af66 rgb(181,175,102)
```
#66b5af
```
#66b5af rgb(102,181,175)
```

Triadic Color

#b5666c
```
#b5666c rgb(181,102,108)
```
#b5af66
```
#b5af66 rgb(181,175,102)
```
#66b5af
```
#66b5af rgb(102,181,175)
```
#666cb5
```
#666cb5 rgb(102,108,181)
```

Tetradic Color

#8b8643
```
#8b8643 rgb(139,134,67)
```
#9c964c
```
#9c964c rgb(156,150,76)
```
#ada655
```
#ada655 rgb(173,166,85)
```
#b5af66
```
#b5af66 rgb(181,175,102)
```
#bdb877
```
#bdb877 rgb(189,184,119)
```
#c6c188
```
#c6c188 rgb(198,193,136)
```
#ceca9a
```
#ceca9a rgb(206,202,154)
```

Monochromatic Color

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

#b59b66
```
#b59b66 rgb(181,155,102)
```
#b5a266
```
#b5a266 rgb(181,162,102)
```
#b5a866
```
#b5a866 rgb(181,168,102)
```
#b5af66
```
#b5af66 rgb(181,175,102)
```
#b4b566
```
#b4b566 rgb(180,181,102)
```
#aeb566
```
#aeb566 rgb(174,181,102)
```
#a7b566
```
#a7b566 rgb(167,181,102)
```

Similar Colors

Text with hexadecimal color #b5af66

This text has a font color of #b5af66.

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

#b5af66 background color

This paragraph has a background color of #b5af66.

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

#b5af66 border color

This element has a border color of #b5af66.

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

CSS codes

.text {color:#b5af66;}

.background {background-color:#b5af66;}

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

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

#060503
```
#060503 rgb(6,5,3)
```
#131209
```
#131209 rgb(19,18,9)
```
#201f10
```
#201f10 rgb(32,31,16)
```
#2d2c16
```
#2d2c16 rgb(45,44,22)
```
#3b381c
```
#3b381c rgb(59,56,28)
```
#484523
```
#484523 rgb(72,69,35)
```
#555229
```
#555229 rgb(85,82,41)
```
#625e2f
```
#625e2f rgb(98,94,47)
```
#6f6b36
```
#6f6b36 rgb(111,107,54)
```
#7d783c
```
#7d783c rgb(125,120,60)
```
#8a8443
```
#8a8443 rgb(138,132,67)
```
#979149
```
#979149 rgb(151,145,73)
```
#a49e4f
```
#a49e4f rgb(164,158,79)
```

Shade Color Variation

#afa859
```
#afa859 rgb(175,168,89)
```
#b5af66
```
#b5af66 rgb(181,175,102)
```
#bbb673
```
#bbb673 rgb(187,182,115)
```
#c2bd80
```
#c2bd80 rgb(194,189,128)
```
#c8c48e
```
#c8c48e rgb(200,196,142)
```
#cfcb9b
```
#cfcb9b rgb(207,203,155)
```
#d5d2a8
```
#d5d2a8 rgb(213,210,168)
```
#dbd8b5
```
#dbd8b5 rgb(219,216,181)
```
#e2dfc3
```
#e2dfc3 rgb(226,223,195)
```
#e8e6d0
```
#e8e6d0 rgb(232,230,208)
```
#efeddd
```
#efeddd rgb(239,237,221)
```
#f5f4ea
```
#f5f4ea rgb(245,244,234)
```
#fbfbf7
```
#fbfbf7 rgb(251,251,247)
```

Tint Color Variation

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

#929189
```
#929189 rgb(146,145,137)
```
#9b9980
```
#9b9980 rgb(155,153,128)
```
#a4a077
```
#a4a077 rgb(164,160,119)
```
#aca86f
```
#aca86f rgb(172,168,111)
```
#b5af66
```
#b5af66 rgb(181,175,102)
```
#beb65d
```
#beb65d rgb(190,182,93)
```
#c6be55
```
#c6be55 rgb(198,190,85)
```
#cfc54c
```
#cfc54c rgb(207,197,76)
```
#d8cd43
```
#d8cd43 rgb(216,205,67)
```
#e1d43a
```
#e1d43a rgb(225,212,58)
```
#e9db32
```
#e9db32 rgb(233,219,50)
```
#f2e329
```
#f2e329 rgb(242,227,41)
```
#fbea20
```
#fbea20 rgb(251,234,32)
```

Tone Color Variation

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

Dichromacy

#c0b06d Protanopia 1% of men
#d4a971 Deuteranopia 1% of men
#c1aab6 Tritanopia 0.001% of the population

Trichromacy

#bcb06a Protanomaly 1% of men, 0.01% of women
#c8ab6d Deuteranomaly 6% of men, 0.4% of women
#bdac99 Tritanomaly 0.01% of the population

#b5af66 hex color

#b5af66 Color Information

#b5af66 Color Conversion

Color Schemes with #b5af66

Alternatives to #b5af66

#b5af66 Preview

Shades and Tints of #b5af66

Tones of #b5af66

Color Blindness Simulator