#bba16d hex color

In a RGB color space, hex #bba16d is composed of 73.3% red, 63.1% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.9% magenta, 41.7% yellow and 26.7% black. It has a hue angle of 40 degrees, a saturation of 36.4% and a lightness of 58%. #bba16d color hex could be obtained by blending #ffffda with #774300. Closest websafe color is: #cc9966.

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

● #bba16d color description : Slightly desaturated orange.

The hexadecimal color #bba16d has RGB values of R:187, G:161, B:109 and CMYK values of C:0, M:0.14, Y:0.42, K:0.27. Its decimal value is 12296557.

Hex triplet	bba16d	`#bba16d`
RGB Decimal	187, 161, 109	`rgb(187,161,109)`
RGB Percent	73.3, 63.1, 42.7	`rgb(73.3%,63.1%,42.7%)`
CMYK	0, 14, 42, 27
HSL	40°, 36.4, 58	`hsl(40,36.4%,58%)`
HSV (or HSB)	40°, 41.7, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.397, 2.29, 30.586
XYZ	35.999, 37.16, 19.744
xyY	0.387, 0.4, 37.16
CIE-LCH	67.397, 30.672, 85.718
CIE-LUV	67.397, 19.975, 38.65
Hunter-Lab	60.959, -1.266, 23.468
Binary	10111011, 10100001, 01101101

#bba16d
```
#bba16d rgb(187,161,109)
```
#6d87bb
```
#6d87bb rgb(109,135,187)
```

Complementary Color

#bb7a6d
```
#bb7a6d rgb(187,122,109)
```
#bba16d
```
#bba16d rgb(187,161,109)
```
#aebb6d
```
#aebb6d rgb(174,187,109)
```

Analogous Color

#7a6dbb
```
#7a6dbb rgb(122,109,187)
```
#bba16d
```
#bba16d rgb(187,161,109)
```
#6daebb
```
#6daebb rgb(109,174,187)
```

Split Complementary Color

#a16dbb
```
#a16dbb rgb(161,109,187)
```
#bba16d
```
#bba16d rgb(187,161,109)
```
#6dbba1
```
#6dbba1 rgb(109,187,161)
```

Triadic Color

#bb6d87
```
#bb6d87 rgb(187,109,135)
```
#bba16d
```
#bba16d rgb(187,161,109)
```
#6dbba1
```
#6dbba1 rgb(109,187,161)
```
#6d87bb
```
#6d87bb rgb(109,135,187)
```

Tetradic Color

#967b46
```
#967b46 rgb(150,123,70)
```
#a7894e
```
#a7894e rgb(167,137,78)
```
#b3965c
```
#b3965c rgb(179,150,92)
```
#bba16d
```
#bba16d rgb(187,161,109)
```
#c3ac7e
```
#c3ac7e rgb(195,172,126)
```
#cbb790
```
#cbb790 rgb(203,183,144)
```
#d3c3a1
```
#d3c3a1 rgb(211,195,161)
```

Monochromatic Color

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

#bb8e6d
```
#bb8e6d rgb(187,142,109)
```
#bb946d
```
#bb946d rgb(187,148,109)
```
#bb9b6d
```
#bb9b6d rgb(187,155,109)
```
#bba16d
```
#bba16d rgb(187,161,109)
```
#bba86d
```
#bba86d rgb(187,168,109)
```
#bbae6d
```
#bbae6d rgb(187,174,109)
```
#bbb56d
```
#bbb56d rgb(187,181,109)
```

Similar Colors

Text with hexadecimal color #bba16d

This text has a font color of #bba16d.

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

#bba16d background color

This paragraph has a background color of #bba16d.

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

#bba16d border color

This element has a border color of #bba16d.

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

CSS codes

.text {color:#bba16d;}

.background {background-color:#bba16d;}

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

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 #f9f7f3 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0f0c07
```
#0f0c07 rgb(15,12,7)
```
#1c170d
```
#1c170d rgb(28,23,13)
```
#292213
```
#292213 rgb(41,34,19)
```
#372d19
```
#372d19 rgb(55,45,25)
```
#443820
```
#443820 rgb(68,56,32)
```
#524326
```
#524326 rgb(82,67,38)
```
#5f4e2c
```
#5f4e2c rgb(95,78,44)
```
#6c5932
```
#6c5932 rgb(108,89,50)
```
#7a6439
```
#7a6439 rgb(122,100,57)
```
#876f3f
```
#876f3f rgb(135,111,63)
```
#947a45
```
#947a45 rgb(148,122,69)
```
#a2854b
```
#a2854b rgb(162,133,75)
```

Shade Color Variation

#af9052
```
#af9052 rgb(175,144,82)
```
#b59860
```
#b59860 rgb(181,152,96)
```
#bba16d
```
#bba16d rgb(187,161,109)
```
#c1aa7a
```
#c1aa7a rgb(193,170,122)
```
#c7b288
```
#c7b288 rgb(199,178,136)
```
#cebb95
```
#cebb95 rgb(206,187,149)
```
#d4c3a3
```
#d4c3a3 rgb(212,195,163)
```
#daccb0
```
#daccb0 rgb(218,204,176)
```
#e0d5bd
```
#e0d5bd rgb(224,213,189)
```
#e7ddcb
```
#e7ddcb rgb(231,221,203)
```
#ede6d8
```
#ede6d8 rgb(237,230,216)
```
#f3efe5
```
#f3efe5 rgb(243,239,229)
```
#f9f7f3
```
#f9f7f3 rgb(249,247,243)
```

Tint Color Variation

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

#9a968e
```
#9a968e rgb(154,150,142)
```
#a29986
```
#a29986 rgb(162,153,134)
```
#ab9c7d
```
#ab9c7d rgb(171,156,125)
```
#b39e75
```
#b39e75 rgb(179,158,117)
```
#bba16d
```
#bba16d rgb(187,161,109)
```
#c3a465
```
#c3a465 rgb(195,164,101)
```
#cba65d
```
#cba65d rgb(203,166,93)
```
#d4a954
```
#d4a954 rgb(212,169,84)
```
#dcac4c
```
#dcac4c rgb(220,172,76)
```
#e4af44
```
#e4af44 rgb(228,175,68)
```
#ecb13c
```
#ecb13c rgb(236,177,60)
```
#f5b433
```
#f5b433 rgb(245,180,51)
```
#fdb72b
```
#fdb72b rgb(253,183,43)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a8a398 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a875 Protanopia 1% of men
#c8a275 Deuteranopia 1% of men
#c49eaa Tritanopia 0.001% of the population

Trichromacy

#b7a572 Protanomaly 1% of men, 0.01% of women
#c3a172 Deuteranomaly 6% of men, 0.4% of women
#c19f93 Tritanomaly 0.01% of the population

#bba16d hex color

#bba16d Color Information

#bba16d Color Conversion

Color Schemes with #bba16d

Alternatives to #bba16d

#bba16d Preview

Shades and Tints of #bba16d

Tones of #bba16d

Color Blindness Simulator