colorhexa.com

#bbaa48 hex color

In a RGB color space, hex #bbaa48 is composed of 73.3% red, 66.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.1% magenta, 61.5% yellow and 26.7% black. It has a hue angle of 51.1 degrees, a saturation of 45.8% and a lightness of 50.8%. #bbaa48 color hex could be obtained by blending #ffff90 with #775500. Closest websafe color is: #cc9933.

- R 73
- G 67
- B 28
RGB color chart
- C 0
- M 9
- Y 61
- K 27
CMYK color chart

● #bbaa48 color description : Moderate yellow.

The hexadecimal color #bbaa48 has RGB values of R:187, G:170, B:72 and CMYK values of C:0, M:0.09, Y:0.61, K:0.27. Its decimal value is 12298824.

Hex triplet	bbaa48	`#bbaa48`
RGB Decimal	187, 170, 72	`rgb(187,170,72)`
RGB Percent	73.3, 66.7, 28.2	`rgb(73.3%,66.7%,28.2%)`
CMYK	0, 9, 61, 27
HSL	51.1°, 45.8, 50.8	`hsl(51.1,45.8%,50.8%)`
HSV (or HSB)	51.1°, 61.5, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.315, -5.845, 51.442
XYZ	36.038, 39.783, 11.911
xyY	0.411, 0.453, 39.783
CIE-LCH	69.315, 51.773, 96.483
CIE-LUV	69.315, 16.03, 60.597
Hunter-Lab	63.074, -8.391, 32.955
Binary	10111011, 10101010, 01001000

#bbaa48
```
#bbaa48 rgb(187,170,72)
```
#4859bb
```
#4859bb rgb(72,89,187)
```

Complementary Color

#bb7148
```
#bb7148 rgb(187,113,72)
```
#bbaa48
```
#bbaa48 rgb(187,170,72)
```
#93bb48
```
#93bb48 rgb(147,187,72)
```

Analogous Color

#7148bb
```
#7148bb rgb(113,72,187)
```
#bbaa48
```
#bbaa48 rgb(187,170,72)
```
#4893bb
```
#4893bb rgb(72,147,187)
```

Split Complementary Color

#aa48bb
```
#aa48bb rgb(170,72,187)
```
#bbaa48
```
#bbaa48 rgb(187,170,72)
```
#48bbaa
```
#48bbaa rgb(72,187,170)
```

Triadic Color

#bb4859
```
#bb4859 rgb(187,72,89)
```
#bbaa48
```
#bbaa48 rgb(187,170,72)
```
#48bbaa
```
#48bbaa rgb(72,187,170)
```
#4859bb
```
#4859bb rgb(72,89,187)
```

Tetradic Color

#857931
```
#857931 rgb(133,121,49)
```
#988a38
```
#988a38 rgb(152,138,56)
```
#aa9a3f
```
#aa9a3f rgb(170,154,63)
```
#bbaa48
```
#bbaa48 rgb(187,170,72)
```
#c2b35b
```
#c2b35b rgb(194,179,91)
```
#c9bb6d
```
#c9bb6d rgb(201,187,109)
```
#d0c480
```
#d0c480 rgb(208,196,128)
```

Monochromatic Color

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

#bb8d48
```
#bb8d48 rgb(187,141,72)
```
#bb9748
```
#bb9748 rgb(187,151,72)
```
#bba048
```
#bba048 rgb(187,160,72)
```
#bbaa48
```
#bbaa48 rgb(187,170,72)
```
#bbb448
```
#bbb448 rgb(187,180,72)
```
#b9bb48
```
#b9bb48 rgb(185,187,72)
```
#afbb48
```
#afbb48 rgb(175,187,72)
```

Similar Colors

Text with hexadecimal color #bbaa48

This text has a font color of #bbaa48.

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

#bbaa48 background color

This paragraph has a background color of #bbaa48.

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

#bbaa48 border color

This element has a border color of #bbaa48.

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

CSS codes

.text {color:#bbaa48;}

.background {background-color:#bbaa48;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#111006
```
#111006 rgb(17,16,6)
```
#201d0c
```
#201d0c rgb(32,29,12)
```
#2e2a11
```
#2e2a11 rgb(46,42,17)
```
#3c3716
```
#3c3716 rgb(60,55,22)
```
#4a441c
```
#4a441c rgb(74,68,28)
```
#595021
```
#595021 rgb(89,80,33)
```
#675d26
```
#675d26 rgb(103,93,38)
```
#756a2c
```
#756a2c rgb(117,106,44)
```
#847731
```
#847731 rgb(132,119,49)
```
#928436
```
#928436 rgb(146,132,54)
```
#a0913c
```
#a0913c rgb(160,145,60)
```
#af9e41
```
#af9e41 rgb(175,158,65)
```

Shade Color Variation

#bbaa48
```
#bbaa48 rgb(187,170,72)
```
#c0b156
```
#c0b156 rgb(192,177,86)
```
#c6b765
```
#c6b765 rgb(198,183,101)
```
#cbbe73
```
#cbbe73 rgb(203,190,115)
```
#d0c581
```
#d0c581 rgb(208,197,129)
```
#d6cb90
```
#d6cb90 rgb(214,203,144)
```
#dbd29e
```
#dbd29e rgb(219,210,158)
```
#e0d8ac
```
#e0d8ac rgb(224,216,172)
```
#e6dfba
```
#e6dfba rgb(230,223,186)
```
#ebe6c9
```
#ebe6c9 rgb(235,230,201)
```
#f0ecd7
```
#f0ecd7 rgb(240,236,215)
```
#f5f3e5
```
#f5f3e5 rgb(245,243,229)
```
#fbfaf4
```
#fbfaf4 rgb(251,250,244)
```

Tint Color Variation

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

#8b8878
```
#8b8878 rgb(139,136,120)
```
#948f6f
```
#948f6f rgb(148,143,111)
```
#9e9665
```
#9e9665 rgb(158,150,101)
```
#a89c5b
```
#a89c5b rgb(168,156,91)
```
#b1a352
```
#b1a352 rgb(177,163,82)
```
#bbaa48
```
#bbaa48 rgb(187,170,72)
```
#c5b13e
```
#c5b13e rgb(197,177,62)
```
#ceb835
```
#ceb835 rgb(206,184,53)
```
#d8be2b
```
#d8be2b rgb(216,190,43)
```
#e2c521
```
#e2c521 rgb(226,197,33)
```
#ebcc18
```
#ebcc18 rgb(235,204,24)
```
#f5d30e
```
#f5d30e rgb(245,211,14)
```
#ffda04
```
#ffda04 rgb(255,218,4)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a9a592 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ad51 Protanopia 1% of men
#d4a554 Deuteranopia 1% of men
#c7a4af Tritanopia 0.001% of the population

Trichromacy

#beac4d Protanomaly 1% of men, 0.01% of women
#cba750 Deuteranomaly 6% of men, 0.4% of women
#c3a68a Tritanomaly 0.01% of the population