#bbaf66 hex color

In a RGB color space, hex #bbaf66 is composed of 73.3% red, 68.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.4% magenta, 45.5% yellow and 26.7% black. It has a hue angle of 51.5 degrees, a saturation of 38.5% and a lightness of 56.7%. #bbaf66 color hex could be obtained by blending #ffffcc with #775f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 69
- B 40
RGB color chart
- C 0
- M 6
- Y 45
- K 27
CMYK color chart

● #bbaf66 color description : Slightly desaturated yellow.

The hexadecimal color #bbaf66 has RGB values of R:187, G:175, B:102 and CMYK values of C:0, M:0.06, Y:0.45, K:0.27. Its decimal value is 12300134.

Hex triplet	bbaf66	`#bbaf66`
RGB Decimal	187, 175, 102	`rgb(187,175,102)`
RGB Percent	73.3, 68.6, 40	`rgb(73.3%,68.6%,40%)`
CMYK	0, 6, 45, 27
HSL	51.5°, 38.5, 56.7	`hsl(51.5,38.5%,56.7%)`
HSV (or HSB)	51.5°, 45.5, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.998, -5.935, 38.829
XYZ	38.222, 42.185, 18.699
xyY	0.386, 0.426, 42.185
CIE-LCH	70.998, 39.28, 98.691
CIE-LUV	70.998, 11.474, 49.686
Hunter-Lab	64.95, -8.619, 28.396
Binary	10111011, 10101111, 01100110

#bbaf66
```
#bbaf66 rgb(187,175,102)
```
#6672bb
```
#6672bb rgb(102,114,187)
```

Complementary Color

#bb8566
```
#bb8566 rgb(187,133,102)
```
#bbaf66
```
#bbaf66 rgb(187,175,102)
```
#9dbb66
```
#9dbb66 rgb(157,187,102)
```

Analogous Color

#8566bb
```
#8566bb rgb(133,102,187)
```
#bbaf66
```
#bbaf66 rgb(187,175,102)
```
#669dbb
```
#669dbb rgb(102,157,187)
```

Split Complementary Color

#af66bb
```
#af66bb rgb(175,102,187)
```
#bbaf66
```
#bbaf66 rgb(187,175,102)
```
#66bbaf
```
#66bbaf rgb(102,187,175)
```

Triadic Color

#bb6672
```
#bb6672 rgb(187,102,114)
```
#bbaf66
```
#bbaf66 rgb(187,175,102)
```
#66bbaf
```
#66bbaf rgb(102,187,175)
```
#6672bb
```
#6672bb rgb(102,114,187)
```

Tetradic Color

#938841
```
#938841 rgb(147,136,65)
```
#a59849
```
#a59849 rgb(165,152,73)
```
#b3a654
```
#b3a654 rgb(179,166,84)
```
#bbaf66
```
#bbaf66 rgb(187,175,102)
```
#c3b878
```
#c3b878 rgb(195,184,120)
```
#cbc189
```
#cbc189 rgb(203,193,137)
```
#d3cb9b
```
#d3cb9b rgb(211,203,155)
```

Monochromatic Color

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

#bb9a66
```
#bb9a66 rgb(187,154,102)
```
#bba166
```
#bba166 rgb(187,161,102)
```
#bba866
```
#bba866 rgb(187,168,102)
```
#bbaf66
```
#bbaf66 rgb(187,175,102)
```
#bbb666
```
#bbb666 rgb(187,182,102)
```
#b9bb66
```
#b9bb66 rgb(185,187,102)
```
#b2bb66
```
#b2bb66 rgb(178,187,102)
```

Similar Colors

Text with hexadecimal color #bbaf66

This text has a font color of #bbaf66.

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

#bbaf66 background color

This paragraph has a background color of #bbaf66.

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

#bbaf66 border color

This element has a border color of #bbaf66.

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

CSS codes

.text {color:#bbaf66;}

.background {background-color:#bbaf66;}

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

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, #0a0904 is the darkest color, while #fdfdfb is the lightest one.

#0a0904
```
#0a0904 rgb(10,9,4)
```
#18160a
```
#18160a rgb(24,22,10)
```
#252210
```
#252210 rgb(37,34,16)
```
#332f17
```
#332f17 rgb(51,47,23)
```
#403b1d
```
#403b1d rgb(64,59,29)
```
#4e4823
```
#4e4823 rgb(78,72,35)
```
#5b5429
```
#5b5429 rgb(91,84,41)
```
#69612f
```
#69612f rgb(105,97,47)
```
#776d35
```
#776d35 rgb(119,109,53)
```
#847a3b
```
#847a3b rgb(132,122,59)
```
#928641
```
#928641 rgb(146,134,65)
```
#9f9347
```
#9f9347 rgb(159,147,71)
```
#ad9f4d
```
#ad9f4d rgb(173,159,77)
```

Shade Color Variation

#b5a858
```
#b5a858 rgb(181,168,88)
```
#bbaf66
```
#bbaf66 rgb(187,175,102)
```
#c1b674
```
#c1b674 rgb(193,182,116)
```
#c7bd81
```
#c7bd81 rgb(199,189,129)
```
#cdc48f
```
#cdc48f rgb(205,196,143)
```
#d3cb9c
```
#d3cb9c rgb(211,203,156)
```
#d9d3aa
```
#d9d3aa rgb(217,211,170)
```
#dfdab7
```
#dfdab7 rgb(223,218,183)
```
#e5e1c5
```
#e5e1c5 rgb(229,225,197)
```
#ebe8d3
```
#ebe8d3 rgb(235,232,211)
```
#f1efe0
```
#f1efe0 rgb(241,239,224)
```
#f7f6ee
```
#f7f6ee rgb(247,246,238)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#999788
```
#999788 rgb(153,151,136)
```
#a29d80
```
#a29d80 rgb(162,157,128)
```
#aaa377
```
#aaa377 rgb(170,163,119)
```
#b3a96f
```
#b3a96f rgb(179,169,111)
```
#bbaf66
```
#bbaf66 rgb(187,175,102)
```
#c4b55e
```
#c4b55e rgb(196,181,94)
```
#ccbb55
```
#ccbb55 rgb(204,187,85)
```
#d5c14d
```
#d5c14d rgb(213,193,77)
```
#ddc744
```
#ddc744 rgb(221,199,68)
```
#e6ce3c
```
#e6ce3c rgb(230,206,60)
```
#eed433
```
#eed433 rgb(238,212,51)
```
#f7da2b
```
#f7da2b rgb(247,218,43)
```
#ffe022
```
#ffe022 rgb(255,224,34)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#adab9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b16d Protanopia 1% of men
#d5aa70 Deuteranopia 1% of men
#c7aab6 Tritanopia 0.001% of the population

Trichromacy

#bfb06a Protanomaly 1% of men, 0.01% of women
#ccac6c Deuteranomaly 6% of men, 0.4% of women
#c2ac99 Tritanomaly 0.01% of the population

#bbaf66 hex color

#bbaf66 Color Information

#bbaf66 Color Conversion

Color Schemes with #bbaf66

Alternatives to #bbaf66

#bbaf66 Preview

Shades and Tints of #bbaf66

Tones of #bbaf66

Color Blindness Simulator