#bbaf96 hex color

In a RGB color space, hex #bbaf96 is composed of 73.3% red, 68.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.4% magenta, 19.8% yellow and 26.7% black. It has a hue angle of 40.5 degrees, a saturation of 21.4% and a lightness of 66.1%. #bbaf96 color hex could be obtained by blending #ffffff with #775f2d. Closest websafe color is: #cc9999.

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

● #bbaf96 color description : Grayish orange.

The hexadecimal color #bbaf96 has RGB values of R:187, G:175, B:150 and CMYK values of C:0, M:0.06, Y:0.2, K:0.27. Its decimal value is 12300182.

Hex triplet	bbaf96	`#bbaf96`
RGB Decimal	187, 175, 150	`rgb(187,175,150)`
RGB Percent	73.3, 68.6, 58.8	`rgb(73.3%,68.6%,58.8%)`
CMYK	0, 6, 20, 27
HSL	40.5°, 21.4, 66.1	`hsl(40.5,21.4%,66.1%)`
HSV (or HSB)	40.5°, 19.8, 73.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	71.844, 0.157, 14.376
XYZ	41.328, 43.427, 35.058
xyY	0.345, 0.362, 43.427
CIE-LCH	71.844, 14.377, 89.374
CIE-LUV	71.844, 8.723, 20.081
Hunter-Lab	65.899, -3.381, 14.588
Binary	10111011, 10101111, 10010110

#bbaf96
```
#bbaf96 rgb(187,175,150)
```
#96a2bb
```
#96a2bb rgb(150,162,187)
```

Complementary Color

#bb9d96
```
#bb9d96 rgb(187,157,150)
```
#bbaf96
```
#bbaf96 rgb(187,175,150)
```
#b5bb96
```
#b5bb96 rgb(181,187,150)
```

Analogous Color

#9d96bb
```
#9d96bb rgb(157,150,187)
```
#bbaf96
```
#bbaf96 rgb(187,175,150)
```
#96b5bb
```
#96b5bb rgb(150,181,187)
```

Split Complementary Color

#af96bb
```
#af96bb rgb(175,150,187)
```
#bbaf96
```
#bbaf96 rgb(187,175,150)
```
#96bbaf
```
#96bbaf rgb(150,187,175)
```

Triadic Color

#bb96a2
```
#bb96a2 rgb(187,150,162)
```
#bbaf96
```
#bbaf96 rgb(187,175,150)
```
#96bbaf
```
#96bbaf rgb(150,187,175)
```
#96a2bb
```
#96a2bb rgb(150,162,187)
```

Tetradic Color

#9d8c68
```
#9d8c68 rgb(157,140,104)
```
#a79777
```
#a79777 rgb(167,151,119)
```
#b1a387
```
#b1a387 rgb(177,163,135)
```
#bbaf96
```
#bbaf96 rgb(187,175,150)
```
#c5bba5
```
#c5bba5 rgb(197,187,165)
```
#cfc7b5
```
#cfc7b5 rgb(207,199,181)
```
#d9d2c4
```
#d9d2c4 rgb(217,210,196)
```

Monochromatic Color

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

#bba696
```
#bba696 rgb(187,166,150)
```
#bba996
```
#bba996 rgb(187,169,150)
```
#bbac96
```
#bbac96 rgb(187,172,150)
```
#bbaf96
```
#bbaf96 rgb(187,175,150)
```
#bbb296
```
#bbb296 rgb(187,178,150)
```
#bbb596
```
#bbb596 rgb(187,181,150)
```
#bbb896
```
#bbb896 rgb(187,184,150)
```

Similar Colors

Text with hexadecimal color #bbaf96

This text has a font color of #bbaf96.

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

#bbaf96 background color

This paragraph has a background color of #bbaf96.

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

#bbaf96 border color

This element has a border color of #bbaf96.

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

CSS codes

.text {color:#bbaf96;}

.background {background-color:#bbaf96;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0e0c09
```
#0e0c09 rgb(14,12,9)
```
#1a1711
```
#1a1711 rgb(26,23,17)
```
#262219
```
#262219 rgb(38,34,25)
```
#322c20
```
#322c20 rgb(50,44,32)
```
#3e3728
```
#3e3728 rgb(62,55,40)
```
#4a4130
```
#4a4130 rgb(74,65,48)
```
#554c37
```
#554c37 rgb(85,76,55)
```
#61563f
```
#61563f rgb(97,86,63)
```
#6d6147
```
#6d6147 rgb(109,97,71)
```
#796b4e
```
#796b4e rgb(121,107,78)
```
#857656
```
#857656 rgb(133,118,86)
```
#91805e
```
#91805e rgb(145,128,94)
```

Shade Color Variation

#9c8b66
```
#9c8b66 rgb(156,139,102)
```
#a49472
```
#a49472 rgb(164,148,114)
```
#ac9d7e
```
#ac9d7e rgb(172,157,126)
```
#b3a68a
```
#b3a68a rgb(179,166,138)
```
#bbaf96
```
#bbaf96 rgb(187,175,150)
```
#c3b8a2
```
#c3b8a2 rgb(195,184,162)
```
#cac1ae
```
#cac1ae rgb(202,193,174)
```
#d2caba
```
#d2caba rgb(210,202,186)
```
#dad3c6
```
#dad3c6 rgb(218,211,198)
```
#e2dcd2
```
#e2dcd2 rgb(226,220,210)
```
#e9e5dd
```
#e9e5dd rgb(233,229,221)
```
#f1eee9
```
#f1eee9 rgb(241,238,233)
```
#f9f8f5
```
#f9f8f5 rgb(249,248,245)
```

Tint Color Variation

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

#aeaaa3
```
#aeaaa3 rgb(174,170,163)
```
#b4ad9d
```
#b4ad9d rgb(180,173,157)
```
#bbaf96
```
#bbaf96 rgb(187,175,150)
```
#c2b18f
```
#c2b18f rgb(194,177,143)
```
#c8b489
```
#c8b489 rgb(200,180,137)
```
#cfb682
```
#cfb682 rgb(207,182,130)
```
#d6b87b
```
#d6b87b rgb(214,184,123)
```
#dcbb75
```
#dcbb75 rgb(220,187,117)
```
#e3bd6e
```
#e3bd6e rgb(227,189,110)
```
#eabf67
```
#eabf67 rgb(234,191,103)
```
#f0c261
```
#f0c261 rgb(240,194,97)
```
#f7c45a
```
#f7c45a rgb(247,196,90)
```
#fec653
```
#fec653 rgb(254,198,83)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b2b0ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb39b Protanopia 1% of men
#cdad9d Deuteranopia 1% of men
#c3aeba Tritanopia 0.001% of the population

Trichromacy

#bcb199 Protanomaly 1% of men, 0.01% of women
#c6ae9a Deuteranomaly 6% of men, 0.4% of women
#c0aead Tritanomaly 0.01% of the population

#bbaf96 hex color

#bbaf96 Color Information

#bbaf96 Color Conversion

Color Schemes with #bbaf96

Alternatives to #bbaf96

#bbaf96 Preview

Shades and Tints of #bbaf96

Tones of #bbaf96

Color Blindness Simulator