#bba146 hex color

In a RGB color space, hex #bba146 is composed of 73.3% red, 63.1% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.9% magenta, 62.6% yellow and 26.7% black. It has a hue angle of 46.7 degrees, a saturation of 46.2% and a lightness of 50.4%. #bba146 color hex could be obtained by blending #ffff8c with #774300. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 73
- G 63
- B 27
RGB color chart
- C 0
- M 14
- Y 63
- K 27
CMYK color chart

● #bba146 color description : Moderate yellow.

The hexadecimal color #bba146 has RGB values of R:187, G:161, B:70 and CMYK values of C:0, M:0.14, Y:0.63, K:0.27. Its decimal value is 12296518.

Hex triplet	bba146	`#bba146`
RGB Decimal	187, 161, 70	`rgb(187,161,70)`
RGB Percent	73.3, 63.1, 27.5	`rgb(73.3%,63.1%,27.5%)`
CMYK	0, 14, 63, 27
HSL	46.7°, 46.2, 50.4	`hsl(46.7,46.2%,50.4%)`
HSV (or HSB)	46.7°, 62.6, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.899, -1.192, 49.696
XYZ	34.344, 36.498, 11.03
xyY	0.419, 0.446, 36.498
CIE-LCH	66.899, 49.711, 91.374
CIE-LUV	66.899, 22.239, 57.281
Hunter-Lab	60.414, -4.249, 31.465
Binary	10111011, 10100001, 01000110

#bba146
```
#bba146 rgb(187,161,70)
```
#4660bb
```
#4660bb rgb(70,96,187)
```

Complementary Color

#bb6746
```
#bb6746 rgb(187,103,70)
```
#bba146
```
#bba146 rgb(187,161,70)
```
#9bbb46
```
#9bbb46 rgb(155,187,70)
```

Analogous Color

#6746bb
```
#6746bb rgb(103,70,187)
```
#bba146
```
#bba146 rgb(187,161,70)
```
#469bbb
```
#469bbb rgb(70,155,187)
```

Split Complementary Color

#a146bb
```
#a146bb rgb(161,70,187)
```
#bba146
```
#bba146 rgb(187,161,70)
```
#46bba1
```
#46bba1 rgb(70,187,161)
```

Triadic Color

#bb4660
```
#bb4660 rgb(187,70,96)
```
#bba146
```
#bba146 rgb(187,161,70)
```
#46bba1
```
#46bba1 rgb(70,187,161)
```
#4660bb
```
#4660bb rgb(70,96,187)
```

Tetradic Color

#847131
```
#847131 rgb(132,113,49)
```
#978137
```
#978137 rgb(151,129,55)
```
#a9913e
```
#a9913e rgb(169,145,62)
```
#bba146
```
#bba146 rgb(187,161,70)
```
#c2aa59
```
#c2aa59 rgb(194,170,89)
```
#c9b46b
```
#c9b46b rgb(201,180,107)
```
#d0bd7e
```
#d0bd7e rgb(208,189,126)
```

Monochromatic Color

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

#bb8446
```
#bb8446 rgb(187,132,70)
```
#bb8e46
```
#bb8e46 rgb(187,142,70)
```
#bb9746
```
#bb9746 rgb(187,151,70)
```
#bba146
```
#bba146 rgb(187,161,70)
```
#bbab46
```
#bbab46 rgb(187,171,70)
```
#bbb546
```
#bbb546 rgb(187,181,70)
```
#b8bb46
```
#b8bb46 rgb(184,187,70)
```

Similar Colors

Text with hexadecimal color #bba146

This text has a font color of #bba146.

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

#bba146 background color

This paragraph has a background color of #bba146.

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

#bba146 border color

This element has a border color of #bba146.

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

CSS codes

.text {color:#bba146;}

.background {background-color:#bba146;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#100e06
```
#100e06 rgb(16,14,6)
```
#1e1a0b
```
#1e1a0b rgb(30,26,11)
```
#2c2610
```
#2c2610 rgb(44,38,16)
```
#3b3316
```
#3b3316 rgb(59,51,22)
```
#493f1b
```
#493f1b rgb(73,63,27)
```
#584b20
```
#584b20 rgb(88,75,32)
```
#665825
```
#665825 rgb(102,88,37)
```
#74642b
```
#74642b rgb(116,100,43)
```
#837030
```
#837030 rgb(131,112,48)
```
#917d35
```
#917d35 rgb(145,125,53)
```
#9f893b
```
#9f893b rgb(159,137,59)
```
#ae9540
```
#ae9540 rgb(174,149,64)
```

Shade Color Variation

#bba146
```
#bba146 rgb(187,161,70)
```
#c0a854
```
#c0a854 rgb(192,168,84)
```
#c6b063
```
#c6b063 rgb(198,176,99)
```
#cbb771
```
#cbb771 rgb(203,183,113)
```
#d0be7f
```
#d0be7f rgb(208,190,127)
```
#d5c58e
```
#d5c58e rgb(213,197,142)
```
#dbcd9c
```
#dbcd9c rgb(219,205,156)
```
#e0d4aa
```
#e0d4aa rgb(224,212,170)
```
#e5dbb9
```
#e5dbb9 rgb(229,219,185)
```
#eae3c7
```
#eae3c7 rgb(234,227,199)
```
#f0ead5
```
#f0ead5 rgb(240,234,213)
```
#f5f1e4
```
#f5f1e4 rgb(245,241,228)
```
#faf8f2
```
#faf8f2 rgb(250,248,242)
```

Tint Color Variation

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

#818180
```
#818180 rgb(129,129,128)
```
#8a8677
```
#8a8677 rgb(138,134,119)
```
#948b6d
```
#948b6d rgb(148,139,109)
```
#9e9163
```
#9e9163 rgb(158,145,99)
```
#a89659
```
#a89659 rgb(168,150,89)
```
#b19c50
```
#b19c50 rgb(177,156,80)
```
#bba146
```
#bba146 rgb(187,161,70)
```
#c5a63c
```
#c5a63c rgb(197,166,60)
```
#ceac33
```
#ceac33 rgb(206,172,51)
```
#d8b129
```
#d8b129 rgb(216,177,41)
```
#e2b71f
```
#e2b71f rgb(226,183,31)
```
#ecbc15
```
#ecbc15 rgb(236,188,21)
```
#f5c10c
```
#f5c10c rgb(245,193,12)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a49f8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a750 Protanopia 1% of men
#cda051 Deuteranopia 1% of men
#c69ca7 Tritanopia 0.001% of the population

Trichromacy

#b9a54c Protanomaly 1% of men, 0.01% of women
#c6a04d Deuteranomaly 6% of men, 0.4% of women
#c29e84 Tritanomaly 0.01% of the population

#bba146 hex color

#bba146 Color Information

#bba146 Color Conversion

Color Schemes with #bba146

Alternatives to #bba146

#bba146 Preview

Shades and Tints of #bba146

Tones of #bba146

Color Blindness Simulator