#bba674 hex color

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

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

● #bba674 color description : Slightly desaturated orange.

The hexadecimal color #bba674 has RGB values of R:187, G:166, B:116 and CMYK values of C:0, M:0.11, Y:0.38, K:0.27. Its decimal value is 12297844.

Hex triplet	bba674	`#bba674`
RGB Decimal	187, 166, 116	`rgb(187,166,116)`
RGB Percent	73.3, 65.1, 45.5	`rgb(73.3%,65.1%,45.5%)`
CMYK	0, 11, 38, 27
HSL	42.3°, 34.3, 59.4	`hsl(42.3,34.3%,59.4%)`
HSV (or HSB)	42.3°, 38, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.823, 0.391, 28.701
XYZ	37.282, 39.099, 22.105
xyY	0.379, 0.397, 39.099
CIE-LCH	68.823, 28.703, 89.22
CIE-LUV	68.823, 16.338, 37.211
Hunter-Lab	62.529, -2.999, 22.811
Binary	10111011, 10100110, 01110100

#bba674
```
#bba674 rgb(187,166,116)
```
#7489bb
```
#7489bb rgb(116,137,187)
```

Complementary Color

#bb8374
```
#bb8374 rgb(187,131,116)
```
#bba674
```
#bba674 rgb(187,166,116)
```
#adbb74
```
#adbb74 rgb(173,187,116)
```

Analogous Color

#8374bb
```
#8374bb rgb(131,116,187)
```
#bba674
```
#bba674 rgb(187,166,116)
```
#74adbb
```
#74adbb rgb(116,173,187)
```

Split Complementary Color

#a674bb
```
#a674bb rgb(166,116,187)
```
#bba674
```
#bba674 rgb(187,166,116)
```
#74bba6
```
#74bba6 rgb(116,187,166)
```

Triadic Color

#bb7489
```
#bb7489 rgb(187,116,137)
```
#bba674
```
#bba674 rgb(187,166,116)
```
#74bba6
```
#74bba6 rgb(116,187,166)
```
#7489bb
```
#7489bb rgb(116,137,187)
```

Tetradic Color

#98814a
```
#98814a rgb(152,129,74)
```
#a99053
```
#a99053 rgb(169,144,83)
```
#b39b63
```
#b39b63 rgb(179,155,99)
```
#bba674
```
#bba674 rgb(187,166,116)
```
#c3b185
```
#c3b185 rgb(195,177,133)
```
#ccbc96
```
#ccbc96 rgb(204,188,150)
```
#d4c7a7
```
#d4c7a7 rgb(212,199,167)
```

Monochromatic Color

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

#bb9474
```
#bb9474 rgb(187,148,116)
```
#bb9a74
```
#bb9a74 rgb(187,154,116)
```
#bba074
```
#bba074 rgb(187,160,116)
```
#bba674
```
#bba674 rgb(187,166,116)
```
#bbac74
```
#bbac74 rgb(187,172,116)
```
#bbb274
```
#bbb274 rgb(187,178,116)
```
#bbb874
```
#bbb874 rgb(187,184,116)
```

Similar Colors

Text with hexadecimal color #bba674

This text has a font color of #bba674.

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

#bba674 background color

This paragraph has a background color of #bba674.

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

#bba674 border color

This element has a border color of #bba674.

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

CSS codes

.text {color:#bba674;}

.background {background-color:#bba674;}

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

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)
```
#2d2716
```
#2d2716 rgb(45,39,22)
```
#3b321d
```
#3b321d rgb(59,50,29)
```
#483d23
```
#483d23 rgb(72,61,35)
```
#55482a
```
#55482a rgb(85,72,42)
```
#625330
```
#625330 rgb(98,83,48)
```
#6f5e36
```
#6f5e36 rgb(111,94,54)
```
#7c6a3d
```
#7c6a3d rgb(124,106,61)
```
#8a7543
```
#8a7543 rgb(138,117,67)
```
#97804a
```
#97804a rgb(151,128,74)
```
#a48b50
```
#a48b50 rgb(164,139,80)
```

Shade Color Variation

#ae955a
```
#ae955a rgb(174,149,90)
```
#b59e67
```
#b59e67 rgb(181,158,103)
```
#bba674
```
#bba674 rgb(187,166,116)
```
#c1ae81
```
#c1ae81 rgb(193,174,129)
```
#c8b78e
```
#c8b78e rgb(200,183,142)
```
#cebf9c
```
#cebf9c rgb(206,191,156)
```
#d5c8a9
```
#d5c8a9 rgb(213,200,169)
```
#dbd0b6
```
#dbd0b6 rgb(219,208,182)
```
#e2d9c3
```
#e2d9c3 rgb(226,217,195)
```
#e8e1d0
```
#e8e1d0 rgb(232,225,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 #fbc034 is the most saturated one.

#9b9994
```
#9b9994 rgb(155,153,148)
```
#a39c8c
```
#a39c8c rgb(163,156,140)
```
#ab9f84
```
#ab9f84 rgb(171,159,132)
```
#b3a37c
```
#b3a37c rgb(179,163,124)
```
#bba674
```
#bba674 rgb(187,166,116)
```
#c3a96c
```
#c3a96c rgb(195,169,108)
```
#cbad64
```
#cbad64 rgb(203,173,100)
```
#d3b05c
```
#d3b05c rgb(211,176,92)
```
#dbb354
```
#dbb354 rgb(219,179,84)
```
#e3b64c
```
#e3b64c rgb(227,182,76)
```
#ebba44
```
#ebba44 rgb(235,186,68)
```
#f3bd3c
```
#f3bd3c rgb(243,189,60)
```
#fbc034
```
#fbc034 rgb(251,192,52)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aba79d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9ac7b Protanopia 1% of men
#cba57c Deuteranopia 1% of men
#c4a3af Tritanopia 0.001% of the population

Trichromacy

#baa979 Protanomaly 1% of men, 0.01% of women
#c5a579 Deuteranomaly 6% of men, 0.4% of women
#c1a499 Tritanomaly 0.01% of the population

#bba674 hex color

#bba674 Color Information

#bba674 Color Conversion

Color Schemes with #bba674

Alternatives to #bba674

#bba674 Preview

Shades and Tints of #bba674

Tones of #bba674

Color Blindness Simulator