#bbaf9a hex color

In a RGB color space, hex #bbaf9a is composed of 73.3% red, 68.6% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.4% magenta, 17.6% yellow and 26.7% black. It has a hue angle of 38.2 degrees, a saturation of 19.5% and a lightness of 66.9%. #bbaf9a color hex could be obtained by blending #ffffff with #775f35. Closest websafe color is: #cc9999.

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

● #bbaf9a color description : Grayish orange.

The hexadecimal color #bbaf9a has RGB values of R:187, G:175, B:154 and CMYK values of C:0, M:0.06, Y:0.18, K:0.27. Its decimal value is 12300186.

Hex triplet	bbaf9a	`#bbaf9a`
RGB Decimal	187, 175, 154	`rgb(187,175,154)`
RGB Percent	73.3, 68.6, 60.4	`rgb(73.3%,68.6%,60.4%)`
CMYK	0, 6, 18, 27
HSL	38.2°, 19.5, 66.9	`hsl(38.2,19.5%,66.9%)`
HSV (or HSB)	38.2°, 17.6, 73.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	71.932, 0.775, 12.315
XYZ	41.655, 43.558, 36.783
xyY	0.341, 0.357, 43.558
CIE-LCH	71.932, 12.34, 86.4
CIE-LUV	71.932, 8.459, 17.226
Hunter-Lab	65.999, -2.837, 13.155
Binary	10111011, 10101111, 10011010

#bbaf9a
```
#bbaf9a rgb(187,175,154)
```
#9aa6bb
```
#9aa6bb rgb(154,166,187)
```

Complementary Color

#bb9f9a
```
#bb9f9a rgb(187,159,154)
```
#bbaf9a
```
#bbaf9a rgb(187,175,154)
```
#b7bb9a
```
#b7bb9a rgb(183,187,154)
```

Analogous Color

#9f9abb
```
#9f9abb rgb(159,154,187)
```
#bbaf9a
```
#bbaf9a rgb(187,175,154)
```
#9ab7bb
```
#9ab7bb rgb(154,183,187)
```

Split Complementary Color

#af9abb
```
#af9abb rgb(175,154,187)
```
#bbaf9a
```
#bbaf9a rgb(187,175,154)
```
#9abbaf
```
#9abbaf rgb(154,187,175)
```

Triadic Color

#bb9aa6
```
#bb9aa6 rgb(187,154,166)
```
#bbaf9a
```
#bbaf9a rgb(187,175,154)
```
#9abbaf
```
#9abbaf rgb(154,187,175)
```
#9aa6bb
```
#9aa6bb rgb(154,166,187)
```

Tetradic Color

#9c8b6c
```
#9c8b6c rgb(156,139,108)
```
#a6977c
```
#a6977c rgb(166,151,124)
```
#b1a38b
```
#b1a38b rgb(177,163,139)
```
#bbaf9a
```
#bbaf9a rgb(187,175,154)
```
#c5bba9
```
#c5bba9 rgb(197,187,169)
```
#d0c7b8
```
#d0c7b8 rgb(208,199,184)
```
#dad3c8
```
#dad3c8 rgb(218,211,200)
```

Monochromatic Color

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

#bba79a
```
#bba79a rgb(187,167,154)
```
#bbaa9a
```
#bbaa9a rgb(187,170,154)
```
#bbac9a
```
#bbac9a rgb(187,172,154)
```
#bbaf9a
```
#bbaf9a rgb(187,175,154)
```
#bbb29a
```
#bbb29a rgb(187,178,154)
```
#bbb59a
```
#bbb59a rgb(187,181,154)
```
#bbb79a
```
#bbb79a rgb(187,183,154)
```

Similar Colors

Text with hexadecimal color #bbaf9a

This text has a font color of #bbaf9a.

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

#bbaf9a background color

This paragraph has a background color of #bbaf9a.

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

#bbaf9a border color

This element has a border color of #bbaf9a.

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

CSS codes

.text {color:#bbaf9a;}

.background {background-color:#bbaf9a;}

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

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

#050403
```
#050403 rgb(5,4,3)
```
#100e0b
```
#100e0b rgb(16,14,11)
```
#1c1913
```
#1c1913 rgb(28,25,19)
```
#28231b
```
#28231b rgb(40,35,27)
```
#332d23
```
#332d23 rgb(51,45,35)
```
#3f382a
```
#3f382a rgb(63,56,42)
```
#4b4232
```
#4b4232 rgb(75,66,50)
```
#574c3a
```
#574c3a rgb(87,76,58)
```
#625742
```
#625742 rgb(98,87,66)
```
#6e614a
```
#6e614a rgb(110,97,74)
```
#7a6b52
```
#7a6b52 rgb(122,107,82)
```
#85765a
```
#85765a rgb(133,118,90)
```
#918062
```
#918062 rgb(145,128,98)
```

Shade Color Variation

#9b8a6b
```
#9b8a6b rgb(155,138,107)
```
#a39377
```
#a39377 rgb(163,147,119)
```
#ab9c83
```
#ab9c83 rgb(171,156,131)
```
#b3a68e
```
#b3a68e rgb(179,166,142)
```
#bbaf9a
```
#bbaf9a rgb(187,175,154)
```
#c3b8a6
```
#c3b8a6 rgb(195,184,166)
```
#cbc2b1
```
#cbc2b1 rgb(203,194,177)
```
#d3cbbd
```
#d3cbbd rgb(211,203,189)
```
#dbd4c9
```
#dbd4c9 rgb(219,212,201)
```
#e2ddd5
```
#e2ddd5 rgb(226,221,213)
```
#eae7e0
```
#eae7e0 rgb(234,231,224)
```
#f2f0ec
```
#f2f0ec rgb(242,240,236)
```
#faf9f8
```
#faf9f8 rgb(250,249,248)
```

Tint Color Variation

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

#aeaba7
```
#aeaba7 rgb(174,171,167)
```
#b5ada1
```
#b5ada1 rgb(181,173,161)
```
#bbaf9a
```
#bbaf9a rgb(187,175,154)
```
#c2b194
```
#c2b194 rgb(194,177,148)
```
#c8b38d
```
#c8b38d rgb(200,179,141)
```
#cfb487
```
#cfb487 rgb(207,180,135)
```
#d5b680
```
#d5b680 rgb(213,182,128)
```
#dcb87a
```
#dcb87a rgb(220,184,122)
```
#e2ba73
```
#e2ba73 rgb(226,186,115)
```
#e9bb6d
```
#e9bb6d rgb(233,187,109)
```
#efbd66
```
#efbd66 rgb(239,189,102)
```
#f6bf60
```
#f6bf60 rgb(246,191,96)
```
#fcc159
```
#fcc159 rgb(252,193,89)
```

Tone Color Variation

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

Dichromacy

#bcb39f Protanopia 1% of men
#ccaea0 Deuteranopia 1% of men
#c2aebb Tritanopia 0.001% of the population

Trichromacy

#bbb29d Protanomaly 1% of men, 0.01% of women
#c6ae9e Deuteranomaly 6% of men, 0.4% of women
#bfaeaf Tritanomaly 0.01% of the population

#bbaf9a hex color

#bbaf9a Color Information

#bbaf9a Color Conversion

Color Schemes with #bbaf9a

Alternatives to #bbaf9a

#bbaf9a Preview

Shades and Tints of #bbaf9a

Tones of #bbaf9a

Color Blindness Simulator