#bbaf80 hex color

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

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

● #bbaf80 color description : Slightly desaturated yellow.

The hexadecimal color #bbaf80 has RGB values of R:187, G:175, B:128 and CMYK values of C:0, M:0.06, Y:0.32, K:0.27. Its decimal value is 12300160.

Hex triplet	bbaf80	`#bbaf80`
RGB Decimal	187, 175, 128	`rgb(187,175,128)`
RGB Percent	73.3, 68.6, 50.2	`rgb(73.3%,68.6%,50.2%)`
CMYK	0, 6, 32, 27
HSL	47.8°, 30.3, 61.8	`hsl(47.8,30.3%,61.8%)`
HSV (or HSB)	47.8°, 31.6, 73.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	71.408, -2.943, 25.697
XYZ	39.719, 42.784, 26.587
xyY	0.364, 0.392, 42.784
CIE-LCH	71.408, 25.865, 96.534
CIE-LUV	71.408, 10.09, 34.803
Hunter-Lab	65.409, -6.074, 21.687
Binary	10111011, 10101111, 10000000

#bbaf80
```
#bbaf80 rgb(187,175,128)
```
#808cbb
```
#808cbb rgb(128,140,187)
```

Complementary Color

#bb9280
```
#bb9280 rgb(187,146,128)
```
#bbaf80
```
#bbaf80 rgb(187,175,128)
```
#aabb80
```
#aabb80 rgb(170,187,128)
```

Analogous Color

#9280bb
```
#9280bb rgb(146,128,187)
```
#bbaf80
```
#bbaf80 rgb(187,175,128)
```
#80aabb
```
#80aabb rgb(128,170,187)
```

Split Complementary Color

#af80bb
```
#af80bb rgb(175,128,187)
```
#bbaf80
```
#bbaf80 rgb(187,175,128)
```
#80bbaf
```
#80bbaf rgb(128,187,175)
```

Triadic Color

#bb808c
```
#bb808c rgb(187,128,140)
```
#bbaf80
```
#bbaf80 rgb(187,175,128)
```
#80bbaf
```
#80bbaf rgb(128,187,175)
```
#808cbb
```
#808cbb rgb(128,140,187)
```

Tetradic Color

#9b8d53
```
#9b8d53 rgb(155,141,83)
```
#a99a5f
```
#a99a5f rgb(169,154,95)
```
#b2a56f
```
#b2a56f rgb(178,165,111)
```
#bbaf80
```
#bbaf80 rgb(187,175,128)
```
#c4b991
```
#c4b991 rgb(196,185,145)
```
#cdc4a1
```
#cdc4a1 rgb(205,196,161)
```
#d6ceb2
```
#d6ceb2 rgb(214,206,178)
```

Monochromatic Color

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

#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)
```
#b8bb80
```
#b8bb80 rgb(184,187,128)
```

Similar Colors

Text with hexadecimal color #bbaf80

This text has a font color of #bbaf80.

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

#bbaf80 background color

This paragraph has a background color of #bbaf80.

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

#bbaf80 border color

This element has a border color of #bbaf80.

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

CSS codes

.text {color:#bbaf80;}

.background {background-color:#bbaf80;}

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

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)
```
#1a180e
```
#1a180e rgb(26,24,14)
```
#272315
```
#272315 rgb(39,35,21)
```
#342f1c
```
#342f1c rgb(52,47,28)
```
#413b23
```
#413b23 rgb(65,59,35)
```
#4d4629
```
#4d4629 rgb(77,70,41)
```
#5a5230
```
#5a5230 rgb(90,82,48)
```
#675d37
```
#675d37 rgb(103,93,55)
```
#74693e
```
#74693e rgb(116,105,62)
```
#817445
```
#817445 rgb(129,116,69)
```
#8d804c
```
#8d804c rgb(141,128,76)
```
#9a8b52
```
#9a8b52 rgb(154,139,82)
```

Shade Color Variation

#a6975a
```
#a6975a rgb(166,151,90)
```
#ad9f66
```
#ad9f66 rgb(173,159,102)
```
#b4a773
```
#b4a773 rgb(180,167,115)
```
#bbaf80
```
#bbaf80 rgb(187,175,128)
```
#c2b78d
```
#c2b78d rgb(194,183,141)
```
#c9bf9a
```
#c9bf9a rgb(201,191,154)
```
#d0c7a6
```
#d0c7a6 rgb(208,199,166)
```
#d6cfb3
```
#d6cfb3 rgb(214,207,179)
```
#ddd7c0
```
#ddd7c0 rgb(221,215,192)
```
#e4dfcd
```
#e4dfcd rgb(228,223,205)
```
#ebe7d9
```
#ebe7d9 rgb(235,231,217)
```
#f2efe6
```
#f2efe6 rgb(242,239,230)
```
#f9f7f3
```
#f9f7f3 rgb(249,247,243)
```

Tint Color Variation

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

#a5a297
```
#a5a297 rgb(165,162,151)
```
#aca68f
```
#aca68f rgb(172,166,143)
```
#b4ab88
```
#b4ab88 rgb(180,171,136)
```
#bbaf80
```
#bbaf80 rgb(187,175,128)
```
#c3b379
```
#c3b379 rgb(195,179,121)
```
#cab871
```
#cab871 rgb(202,184,113)
```
#d2bc6a
```
#d2bc6a rgb(210,188,106)
```
#d9c162
```
#d9c162 rgb(217,193,98)
```
#e1c55b
```
#e1c55b rgb(225,197,91)
```
#e8ca53
```
#e8ca53 rgb(232,202,83)
```
#f0ce4c
```
#f0ce4c rgb(240,206,76)
```
#f7d344
```
#f7d344 rgb(247,211,68)
```
#ffd73d
```
#ffd73d rgb(255,215,61)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#b0ada4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb286 Protanopia 1% of men
#d1ac88 Deuteranopia 1% of men
#c5acb8 Tritanopia 0.001% of the population

Trichromacy

#bdb184 Protanomaly 1% of men, 0.01% of women
#c9ad85 Deuteranomaly 6% of men, 0.4% of women
#c1ada4 Tritanomaly 0.01% of the population

#bbaf80 hex color

#bbaf80 Color Information

#bbaf80 Color Conversion

Color Schemes with #bbaf80

Alternatives to #bbaf80

#bbaf80 Preview

Shades and Tints of #bbaf80

Tones of #bbaf80

Color Blindness Simulator