#bbaa80 hex color

In a RGB color space, hex #bbaa80 is composed of 73.3% red, 66.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.1% magenta, 31.6% yellow and 26.7% black. It has a hue angle of 42.7 degrees, a saturation of 30.3% and a lightness of 61.8%. #bbaa80 color hex could be obtained by blending #ffffff with #775501. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 73
- G 67
- B 50
RGB color chart
- C 0
- M 9
- Y 32
- K 27
CMYK color chart

● #bbaa80 color description : Slightly desaturated orange.

The hexadecimal color #bbaa80 has RGB values of R:187, G:170, B:128 and CMYK values of C:0, M:0.09, Y:0.32, K:0.27. Its decimal value is 12298880.

Hex triplet	bbaa80	`#bbaa80`
RGB Decimal	187, 170, 128	`rgb(187,170,128)`
RGB Percent	73.3, 66.7, 50.2	`rgb(73.3%,66.7%,50.2%)`
CMYK	0, 9, 32, 27
HSL	42.7°, 30.3, 61.8	`hsl(42.7,30.3%,61.8%)`
HSV (or HSB)	42.7°, 31.6, 73.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	70.087, -0.271, 23.921
XYZ	38.764, 40.874, 26.268
xyY	0.366, 0.386, 40.874
CIE-LCH	70.087, 23.923, 90.648
CIE-LUV	70.087, 13.094, 31.999
Hunter-Lab	63.932, -3.652, 20.392
Binary	10111011, 10101010, 10000000

#bbaa80
```
#bbaa80 rgb(187,170,128)
```
#8091bb
```
#8091bb rgb(128,145,187)
```

Complementary Color

#bb8d80
```
#bb8d80 rgb(187,141,128)
```
#bbaa80
```
#bbaa80 rgb(187,170,128)
```
#afbb80
```
#afbb80 rgb(175,187,128)
```

Analogous Color

#8d80bb
```
#8d80bb rgb(141,128,187)
```
#bbaa80
```
#bbaa80 rgb(187,170,128)
```
#80afbb
```
#80afbb rgb(128,175,187)
```

Split Complementary Color

#aa80bb
```
#aa80bb rgb(170,128,187)
```
#bbaa80
```
#bbaa80 rgb(187,170,128)
```
#80bbaa
```
#80bbaa rgb(128,187,170)
```

Triadic Color

#bb8091
```
#bb8091 rgb(187,128,145)
```
#bbaa80
```
#bbaa80 rgb(187,170,128)
```
#80bbaa
```
#80bbaa rgb(128,187,170)
```
#8091bb
```
#8091bb rgb(128,145,187)
```

Tetradic Color

#9b8753
```
#9b8753 rgb(155,135,83)
```
#a9945f
```
#a9945f rgb(169,148,95)
```
#b29f6f
```
#b29f6f rgb(178,159,111)
```
#bbaa80
```
#bbaa80 rgb(187,170,128)
```
#c4b591
```
#c4b591 rgb(196,181,145)
```
#cdc0a1
```
#cdc0a1 rgb(205,192,161)
```
#d6cbb2
```
#d6cbb2 rgb(214,203,178)
```

Monochromatic Color

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

#bb9b80
```
#bb9b80 rgb(187,155,128)
```
#bba080
```
#bba080 rgb(187,160,128)
```
#bba580
```
#bba580 rgb(187,165,128)
```
#bbaa80
```
#bbaa80 rgb(187,170,128)
```
#bbaf80
```
#bbaf80 rgb(187,175,128)
```
#bbb480
```
#bbb480 rgb(187,180,128)
```
#bbb980
```
#bbb980 rgb(187,185,128)
```

Similar Colors

Text with hexadecimal color #bbaa80

This text has a font color of #bbaa80.

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

#bbaa80 background color

This paragraph has a background color of #bbaa80.

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

#bbaa80 border color

This element has a border color of #bbaa80.

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

CSS codes

.text {color:#bbaa80;}

.background {background-color:#bbaa80;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0e0c07
```
#0e0c07 rgb(14,12,7)
```
#1a170e
```
#1a170e rgb(26,23,14)
```
#272215
```
#272215 rgb(39,34,21)
```
#342d1c
```
#342d1c rgb(52,45,28)
```
#413823
```
#413823 rgb(65,56,35)
```
#4d4329
```
#4d4329 rgb(77,67,41)
```
#5a4e30
```
#5a4e30 rgb(90,78,48)
```
#675937
```
#675937 rgb(103,89,55)
```
#74643e
```
#74643e rgb(116,100,62)
```
#816f45
```
#816f45 rgb(129,111,69)
```
#8d7a4c
```
#8d7a4c rgb(141,122,76)
```
#9a8552
```
#9a8552 rgb(154,133,82)
```

Shade Color Variation

#a6905a
```
#a6905a rgb(166,144,90)
```
#ad9966
```
#ad9966 rgb(173,153,102)
```
#b4a173
```
#b4a173 rgb(180,161,115)
```
#bbaa80
```
#bbaa80 rgb(187,170,128)
```
#c2b38d
```
#c2b38d rgb(194,179,141)
```
#c9bb9a
```
#c9bb9a rgb(201,187,154)
```
#d0c4a6
```
#d0c4a6 rgb(208,196,166)
```
#d6ccb3
```
#d6ccb3 rgb(214,204,179)
```
#ddd5c0
```
#ddd5c0 rgb(221,213,192)
```
#e4ddcd
```
#e4ddcd rgb(228,221,205)
```
#ebe6d9
```
#ebe6d9 rgb(235,230,217)
```
#f2eee6
```
#f2eee6 rgb(242,238,230)
```
#f9f7f3
```
#f9f7f3 rgb(249,247,243)
```

Tint Color Variation

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

#a5a097
```
#a5a097 rgb(165,160,151)
```
#aca48f
```
#aca48f rgb(172,164,143)
```
#b4a788
```
#b4a788 rgb(180,167,136)
```
#bbaa80
```
#bbaa80 rgb(187,170,128)
```
#c3ad79
```
#c3ad79 rgb(195,173,121)
```
#cab071
```
#cab071 rgb(202,176,113)
```
#d2b46a
```
#d2b46a rgb(210,180,106)
```
#d9b762
```
#d9b762 rgb(217,183,98)
```
#e1ba5b
```
#e1ba5b rgb(225,186,91)
```
#e8bd53
```
#e8bd53 rgb(232,189,83)
```
#f0c04c
```
#f0c04c rgb(240,192,76)
```
#f7c344
```
#f7c344 rgb(247,195,68)
```
#ffc73d
```
#ffc73d rgb(255,199,61)
```

Tone Color Variation

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

Dichromacy

#bbaf87 Protanopia 1% of men
#cda888 Deuteranopia 1% of men
#c4a8b4 Tritanopia 0.001% of the population

Trichromacy

#bbad84 Protanomaly 1% of men, 0.01% of women
#c6a985 Deuteranomaly 6% of men, 0.4% of women
#c1a8a1 Tritanomaly 0.01% of the population

#bbaa80 hex color

#bbaa80 Color Information

#bbaa80 Color Conversion

Color Schemes with #bbaa80

Alternatives to #bbaa80

#bbaa80 Preview

Shades and Tints of #bbaa80

Tones of #bbaa80

Color Blindness Simulator