#bba474 hex color

In a RGB color space, hex #bba474 is composed of 73.3% red, 64.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 38% yellow and 26.7% black. It has a hue angle of 40.6 degrees, a saturation of 34.3% and a lightness of 59.4%. #bba474 color hex could be obtained by blending #ffffe8 with #774900. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 64
- B 45
RGB color chart
- C 0
- M 12
- Y 38
- K 27
CMYK color chart

● #bba474 color description : Slightly desaturated orange.

The hexadecimal color #bba474 has RGB values of R:187, G:164, B:116 and CMYK values of C:0, M:0.12, Y:0.38, K:0.27. Its decimal value is 12297332.

Hex triplet	bba474	`#bba474`
RGB Decimal	187, 164, 116	`rgb(187,164,116)`
RGB Percent	73.3, 64.3, 45.5	`rgb(73.3%,64.3%,45.5%)`
CMYK	0, 12, 38, 27
HSL	40.6°, 34.3, 59.4	`hsl(40.6,34.3%,59.4%)`
HSV (or HSB)	40.6°, 38, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.298, 1.469, 28.009
XYZ	36.921, 38.378, 21.985
xyY	0.38, 0.394, 38.378
CIE-LCH	68.298, 28.048, 86.997
CIE-LUV	68.298, 17.589, 36.133
Hunter-Lab	61.95, -2.028, 22.324
Binary	10111011, 10100100, 01110100

#bba474
```
#bba474 rgb(187,164,116)
```
#748bbb
```
#748bbb rgb(116,139,187)
```

Complementary Color

#bb8174
```
#bb8174 rgb(187,129,116)
```
#bba474
```
#bba474 rgb(187,164,116)
```
#afbb74
```
#afbb74 rgb(175,187,116)
```

Analogous Color

#8174bb
```
#8174bb rgb(129,116,187)
```
#bba474
```
#bba474 rgb(187,164,116)
```
#74afbb
```
#74afbb rgb(116,175,187)
```

Split Complementary Color

#a474bb
```
#a474bb rgb(164,116,187)
```
#bba474
```
#bba474 rgb(187,164,116)
```
#74bba4
```
#74bba4 rgb(116,187,164)
```

Triadic Color

#bb748b
```
#bb748b rgb(187,116,139)
```
#bba474
```
#bba474 rgb(187,164,116)
```
#74bba4
```
#74bba4 rgb(116,187,164)
```
#748bbb
```
#748bbb rgb(116,139,187)
```

Tetradic Color

#987f4a
```
#987f4a rgb(152,127,74)
```
#a98d53
```
#a98d53 rgb(169,141,83)
```
#b39963
```
#b39963 rgb(179,153,99)
```
#bba474
```
#bba474 rgb(187,164,116)
```
#c3af85
```
#c3af85 rgb(195,175,133)
```
#ccba96
```
#ccba96 rgb(204,186,150)
```
#d4c6a7
```
#d4c6a7 rgb(212,198,167)
```

Monochromatic Color

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

#bb9274
```
#bb9274 rgb(187,146,116)
```
#bb9874
```
#bb9874 rgb(187,152,116)
```
#bb9e74
```
#bb9e74 rgb(187,158,116)
```
#bba474
```
#bba474 rgb(187,164,116)
```
#bbaa74
```
#bbaa74 rgb(187,170,116)
```
#bbb074
```
#bbb074 rgb(187,176,116)
```
#bbb674
```
#bbb674 rgb(187,182,116)
```

Similar Colors

Text with hexadecimal color #bba474

This text has a font color of #bba474.

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

#bba474 background color

This paragraph has a background color of #bba474.

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

#bba474 border color

This element has a border color of #bba474.

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

CSS codes

.text {color:#bba474;}

.background {background-color:#bba474;}

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

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

#060503
```
#060503 rgb(6,5,3)
```
#131009
```
#131009 rgb(19,16,9)
```
#201b10
```
#201b10 rgb(32,27,16)
```
#2d2616
```
#2d2616 rgb(45,38,22)
```
#3b311d
```
#3b311d rgb(59,49,29)
```
#483c23
```
#483c23 rgb(72,60,35)
```
#55472a
```
#55472a rgb(85,71,42)
```
#625230
```
#625230 rgb(98,82,48)
```
#6f5d36
```
#6f5d36 rgb(111,93,54)
```
#7c683d
```
#7c683d rgb(124,104,61)
```
#8a7343
```
#8a7343 rgb(138,115,67)
```
#977e4a
```
#977e4a rgb(151,126,74)
```
#a48950
```
#a48950 rgb(164,137,80)
```

Shade Color Variation

#ae935a
```
#ae935a rgb(174,147,90)
```
#b59b67
```
#b59b67 rgb(181,155,103)
```
#bba474
```
#bba474 rgb(187,164,116)
```
#c1ad81
```
#c1ad81 rgb(193,173,129)
```
#c8b58e
```
#c8b58e rgb(200,181,142)
```
#cebe9c
```
#cebe9c rgb(206,190,156)
```
#d5c6a9
```
#d5c6a9 rgb(213,198,169)
```
#dbcfb6
```
#dbcfb6 rgb(219,207,182)
```
#e2d8c3
```
#e2d8c3 rgb(226,216,195)
```
#e8e0d0
```
#e8e0d0 rgb(232,224,208)
```
#efe9dd
```
#efe9dd rgb(239,233,221)
```
#f5f2eb
```
#f5f2eb rgb(245,242,235)
```
#fbfaf8
```
#fbfaf8 rgb(251,250,248)
```

Tint Color Variation

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

#9b9994
```
#9b9994 rgb(155,153,148)
```
#a39c8c
```
#a39c8c rgb(163,156,140)
```
#ab9e84
```
#ab9e84 rgb(171,158,132)
```
#b3a17c
```
#b3a17c rgb(179,161,124)
```
#bba474
```
#bba474 rgb(187,164,116)
```
#c3a76c
```
#c3a76c rgb(195,167,108)
```
#cbaa64
```
#cbaa64 rgb(203,170,100)
```
#d3ac5c
```
#d3ac5c rgb(211,172,92)
```
#dbaf54
```
#dbaf54 rgb(219,175,84)
```
#e3b24c
```
#e3b24c rgb(227,178,76)
```
#ebb544
```
#ebb544 rgb(235,181,68)
```
#f3b83c
```
#f3b83c rgb(243,184,60)
```
#fbba34
```
#fbba34 rgb(251,186,52)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a9a59b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7aa7c Protanopia 1% of men
#caa47c Deuteranopia 1% of men
#c4a2ad Tritanopia 0.001% of the population

Trichromacy

#b9a879 Protanomaly 1% of men, 0.01% of women
#c4a479 Deuteranomaly 6% of men, 0.4% of women
#c1a298 Tritanomaly 0.01% of the population

#bba474 hex color

#bba474 Color Information

#bba474 Color Conversion

Color Schemes with #bba474

Alternatives to #bba474

#bba474 Preview

Shades and Tints of #bba474

Tones of #bba474

Color Blindness Simulator