#bbaf7f hex color

In a RGB color space, hex #bbaf7f is composed of 73.3% red, 68.6% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.4% magenta, 32.1% yellow and 26.7% black. It has a hue angle of 48 degrees, a saturation of 30.6% and a lightness of 61.6%. #bbaf7f color hex could be obtained by blending #fffffe with #775f00. Closest websafe color is: #cc9966.

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

● #bbaf7f color description : Slightly desaturated yellow.

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

Hex triplet	bbaf7f	`#bbaf7f`
RGB Decimal	187, 175, 127	`rgb(187,175,127)`
RGB Percent	73.3, 68.6, 49.8	`rgb(73.3%,68.6%,49.8%)`
CMYK	0, 6, 32, 27
HSL	48°, 30.6, 61.6	`hsl(48,30.6%,61.6%)`
HSV (or HSB)	48°, 32.1, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	71.39, -3.072, 26.21
XYZ	39.654, 42.758, 26.242
xyY	0.365, 0.394, 42.758
CIE-LCH	71.39, 26.389, 96.685
CIE-LUV	71.39, 10.148, 35.429
Hunter-Lab	65.389, -6.185, 21.979
Binary	10111011, 10101111, 01111111

#bbaf7f
```
#bbaf7f rgb(187,175,127)
```
#7f8bbb
```
#7f8bbb rgb(127,139,187)
```

Complementary Color

#bb917f
```
#bb917f rgb(187,145,127)
```
#bbaf7f
```
#bbaf7f rgb(187,175,127)
```
#a9bb7f
```
#a9bb7f rgb(169,187,127)
```

Analogous Color

#917fbb
```
#917fbb rgb(145,127,187)
```
#bbaf7f
```
#bbaf7f rgb(187,175,127)
```
#7fa9bb
```
#7fa9bb rgb(127,169,187)
```

Split Complementary Color

#af7fbb
```
#af7fbb rgb(175,127,187)
```
#bbaf7f
```
#bbaf7f rgb(187,175,127)
```
#7fbbaf
```
#7fbbaf rgb(127,187,175)
```

Triadic Color

#bb7f8b
```
#bb7f8b rgb(187,127,139)
```
#bbaf7f
```
#bbaf7f rgb(187,175,127)
```
#7fbbaf
```
#7fbbaf rgb(127,187,175)
```
#7f8bbb
```
#7f8bbb rgb(127,139,187)
```

Tetradic Color

#9b8d52
```
#9b8d52 rgb(155,141,82)
```
#a99a5e
```
#a99a5e rgb(169,154,94)
```
#b2a56e
```
#b2a56e rgb(178,165,110)
```
#bbaf7f
```
#bbaf7f rgb(187,175,127)
```
#c4b990
```
#c4b990 rgb(196,185,144)
```
#cdc4a0
```
#cdc4a0 rgb(205,196,160)
```
#d6ceb1
```
#d6ceb1 rgb(214,206,177)
```

Monochromatic Color

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

#bba07f
```
#bba07f rgb(187,160,127)
```
#bba57f
```
#bba57f rgb(187,165,127)
```
#bbaa7f
```
#bbaa7f rgb(187,170,127)
```
#bbaf7f
```
#bbaf7f rgb(187,175,127)
```
#bbb47f
```
#bbb47f rgb(187,180,127)
```
#bbb97f
```
#bbb97f rgb(187,185,127)
```
#b8bb7f
```
#b8bb7f rgb(184,187,127)
```

Similar Colors

Text with hexadecimal color #bbaf7f

This text has a font color of #bbaf7f.

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

#bbaf7f background color

This paragraph has a background color of #bbaf7f.

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

#bbaf7f border color

This element has a border color of #bbaf7f.

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

CSS codes

.text {color:#bbaf7f;}

.background {background-color:#bbaf7f;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0c07
```
#0d0c07 rgb(13,12,7)
```
#1a170e
```
#1a170e rgb(26,23,14)
```
#272314
```
#272314 rgb(39,35,20)
```
#332f1b
```
#332f1b rgb(51,47,27)
```
#403a22
```
#403a22 rgb(64,58,34)
```
#4d4629
```
#4d4629 rgb(77,70,41)
```
#5a5130
```
#5a5130 rgb(90,81,48)
```
#675d36
```
#675d36 rgb(103,93,54)
```
#73693d
```
#73693d rgb(115,105,61)
```
#807444
```
#807444 rgb(128,116,68)
```
#8d804b
```
#8d804b rgb(141,128,75)
```
#9a8b52
```
#9a8b52 rgb(154,139,82)
```

Shade Color Variation

#a79759
```
#a79759 rgb(167,151,89)
```
#ad9f65
```
#ad9f65 rgb(173,159,101)
```
#b4a772
```
#b4a772 rgb(180,167,114)
```
#bbaf7f
```
#bbaf7f rgb(187,175,127)
```
#c2b78c
```
#c2b78c rgb(194,183,140)
```
#c9bf99
```
#c9bf99 rgb(201,191,153)
```
#cfc7a5
```
#cfc7a5 rgb(207,199,165)
```
#d6cfb2
```
#d6cfb2 rgb(214,207,178)
```
#ddd7bf
```
#ddd7bf rgb(221,215,191)
```
#e4dfcc
```
#e4dfcc rgb(228,223,204)
```
#ebe7d9
```
#ebe7d9 rgb(235,231,217)
```
#f1efe5
```
#f1efe5 rgb(241,239,229)
```
#f8f7f2
```
#f8f7f2 rgb(248,247,242)
```

Tint Color Variation

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

#a4a196
```
#a4a196 rgb(164,161,150)
```
#aca68e
```
#aca68e rgb(172,166,142)
```
#b3aa87
```
#b3aa87 rgb(179,170,135)
```
#bbaf7f
```
#bbaf7f rgb(187,175,127)
```
#c3b477
```
#c3b477 rgb(195,180,119)
```
#cab870
```
#cab870 rgb(202,184,112)
```
#d2bd68
```
#d2bd68 rgb(210,189,104)
```
#d9c161
```
#d9c161 rgb(217,193,97)
```
#e1c659
```
#e1c659 rgb(225,198,89)
```
#e8ca52
```
#e8ca52 rgb(232,202,82)
```
#f0cf4a
```
#f0cf4a rgb(240,207,74)
```
#f7d343
```
#f7d343 rgb(247,211,67)
```
#ffd83b
```
#ffd83b rgb(255,216,59)
```

Tone Color Variation

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

#bfb285 Protanopia 1% of men
#d1ac87 Deuteranopia 1% of men
#c5acb8 Tritanopia 0.001% of the population

Trichromacy

#beb183 Protanomaly 1% of men, 0.01% of women
#c9ad84 Deuteranomaly 6% of men, 0.4% of women
#c1ada3 Tritanomaly 0.01% of the population

#bbaf7f hex color

#bbaf7f Color Information

#bbaf7f Color Conversion

Color Schemes with #bbaf7f

Alternatives to #bbaf7f

#bbaf7f Preview

Shades and Tints of #bbaf7f

Tones of #bbaf7f

Color Blindness Simulator