#bbaf78 hex color

In a RGB color space, hex #bbaf78 is composed of 73.3% red, 68.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.4% magenta, 35.8% yellow and 26.7% black. It has a hue angle of 49.3 degrees, a saturation of 33% and a lightness of 60.2%. #bbaf78 color hex could be obtained by blending #fffff0 with #775f00. Closest websafe color is: #cc9966.

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

● #bbaf78 color description : Slightly desaturated yellow.

The hexadecimal color #bbaf78 has RGB values of R:187, G:175, B:120 and CMYK values of C:0, M:0.06, Y:0.36, K:0.27. Its decimal value is 12300152.

Hex triplet	bbaf78	`#bbaf78`
RGB Decimal	187, 175, 120	`rgb(187,175,120)`
RGB Percent	73.3, 68.6, 47.1	`rgb(73.3%,68.6%,47.1%)`
CMYK	0, 6, 36, 27
HSL	49.3°, 33, 60.2	`hsl(49.3,33%,60.2%)`
HSV (or HSB)	49.3°, 35.8, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	71.27, -3.942, 29.784
XYZ	39.213, 42.582, 23.922
xyY	0.371, 0.403, 42.582
CIE-LCH	71.27, 30.044, 97.54
CIE-LUV	71.27, 10.545, 39.697
Hunter-Lab	65.255, -6.93, 23.943
Binary	10111011, 10101111, 01111000

#bbaf78
```
#bbaf78 rgb(187,175,120)
```
#7884bb
```
#7884bb rgb(120,132,187)
```

Complementary Color

#bb8e78
```
#bb8e78 rgb(187,142,120)
```
#bbaf78
```
#bbaf78 rgb(187,175,120)
```
#a6bb78
```
#a6bb78 rgb(166,187,120)
```

Analogous Color

#8e78bb
```
#8e78bb rgb(142,120,187)
```
#bbaf78
```
#bbaf78 rgb(187,175,120)
```
#78a6bb
```
#78a6bb rgb(120,166,187)
```

Split Complementary Color

#af78bb
```
#af78bb rgb(175,120,187)
```
#bbaf78
```
#bbaf78 rgb(187,175,120)
```
#78bbaf
```
#78bbaf rgb(120,187,175)
```

Triadic Color

#bb7884
```
#bb7884 rgb(187,120,132)
```
#bbaf78
```
#bbaf78 rgb(187,175,120)
```
#78bbaf
```
#78bbaf rgb(120,187,175)
```
#7884bb
```
#7884bb rgb(120,132,187)
```

Tetradic Color

#998c4d
```
#998c4d rgb(153,140,77)
```
#aa9b56
```
#aa9b56 rgb(170,155,86)
```
#b2a567
```
#b2a567 rgb(178,165,103)
```
#bbaf78
```
#bbaf78 rgb(187,175,120)
```
#c4b989
```
#c4b989 rgb(196,185,137)
```
#ccc39a
```
#ccc39a rgb(204,195,154)
```
#d5cdab
```
#d5cdab rgb(213,205,171)
```

Monochromatic Color

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

#bb9e78
```
#bb9e78 rgb(187,158,120)
```
#bba478
```
#bba478 rgb(187,164,120)
```
#bba978
```
#bba978 rgb(187,169,120)
```
#bbaf78
```
#bbaf78 rgb(187,175,120)
```
#bbb578
```
#bbb578 rgb(187,181,120)
```
#bbba78
```
#bbba78 rgb(187,186,120)
```
#b6bb78
```
#b6bb78 rgb(182,187,120)
```

Similar Colors

Text with hexadecimal color #bbaf78

This text has a font color of #bbaf78.

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

#bbaf78 background color

This paragraph has a background color of #bbaf78.

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

#bbaf78 border color

This element has a border color of #bbaf78.

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

CSS codes

.text {color:#bbaf78;}

.background {background-color:#bbaf78;}

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

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

#080804
```
#080804 rgb(8,8,4)
```
#16140b
```
#16140b rgb(22,20,11)
```
#232011
```
#232011 rgb(35,32,17)
```
#302b18
```
#302b18 rgb(48,43,24)
```
#3d371f
```
#3d371f rgb(61,55,31)
```
#4a4325
```
#4a4325 rgb(74,67,37)
```
#574f2c
```
#574f2c rgb(87,79,44)
```
#645b32
```
#645b32 rgb(100,91,50)
```
#716739
```
#716739 rgb(113,103,57)
```
#7e733f
```
#7e733f rgb(126,115,63)
```
#8b7f46
```
#8b7f46 rgb(139,127,70)
```
#988a4d
```
#988a4d rgb(152,138,77)
```
#a59653
```
#a59653 rgb(165,150,83)
```

Shade Color Variation

#aea05e
```
#aea05e rgb(174,160,94)
```
#b4a76b
```
#b4a76b rgb(180,167,107)
```
#bbaf78
```
#bbaf78 rgb(187,175,120)
```
#c2b785
```
#c2b785 rgb(194,183,133)
```
#c8be92
```
#c8be92 rgb(200,190,146)
```
#cfc69f
```
#cfc69f rgb(207,198,159)
```
#d5ceac
```
#d5ceac rgb(213,206,172)
```
#dcd6b9
```
#dcd6b9 rgb(220,214,185)
```
#e2ddc6
```
#e2ddc6 rgb(226,221,198)
```
#e9e5d3
```
#e9e5d3 rgb(233,229,211)
```
#f0ede0
```
#f0ede0 rgb(240,237,224)
```
#f6f5ed
```
#f6f5ed rgb(246,245,237)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#9c9b97
```
#9c9b97 rgb(156,155,151)
```
#a4a08f
```
#a4a08f rgb(164,160,143)
```
#aba588
```
#aba588 rgb(171,165,136)
```
#b3aa80
```
#b3aa80 rgb(179,170,128)
```
#bbaf78
```
#bbaf78 rgb(187,175,120)
```
#c3b470
```
#c3b470 rgb(195,180,112)
```
#cbb968
```
#cbb968 rgb(203,185,104)
```
#d2be61
```
#d2be61 rgb(210,190,97)
```
#dac359
```
#dac359 rgb(218,195,89)
```
#e2c851
```
#e2c851 rgb(226,200,81)
```
#eacd49
```
#eacd49 rgb(234,205,73)
```
#f2d241
```
#f2d241 rgb(242,210,65)
```
#f9d73a
```
#f9d73a rgb(249,215,58)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#afada2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b27e Protanopia 1% of men
#d3ab81 Deuteranopia 1% of men
#c5abb7 Tritanopia 0.001% of the population

Trichromacy

#beb17c Protanomaly 1% of men, 0.01% of women
#caac7d Deuteranomaly 6% of men, 0.4% of women
#c1aca0 Tritanomaly 0.01% of the population

#bbaf78 hex color

#bbaf78 Color Information

#bbaf78 Color Conversion

Color Schemes with #bbaf78

Alternatives to #bbaf78

#bbaf78 Preview

Shades and Tints of #bbaf78

Tones of #bbaf78

Color Blindness Simulator