#bba157 hex color

In a RGB color space, hex #bba157 is composed of 73.3% red, 63.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.9% magenta, 53.5% yellow and 26.7% black. It has a hue angle of 44.4 degrees, a saturation of 42.4% and a lightness of 53.7%. #bba157 color hex could be obtained by blending #ffffae with #774300. Closest websafe color is: #cc9966.

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

● #bba157 color description : Moderate orange.

The hexadecimal color #bba157 has RGB values of R:187, G:161, B:87 and CMYK values of C:0, M:0.14, Y:0.53, K:0.27. Its decimal value is 12296535.

Hex triplet	bba157	`#bba157`
RGB Decimal	187, 161, 87	`rgb(187,161,87)`
RGB Percent	73.3, 63.1, 34.1	`rgb(73.3%,63.1%,34.1%)`
CMYK	0, 14, 53, 27
HSL	44.4°, 42.4, 53.7	`hsl(44.4,42.4%,53.7%)`
HSV (or HSB)	44.4°, 53.5, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.084, 0.119, 41.666
XYZ	34.959, 36.744, 14.267
xyY	0.407, 0.427, 36.744
CIE-LCH	67.084, 41.666, 89.836
CIE-LUV	67.084, 21.369, 50.127
Hunter-Lab	60.617, -3.135, 28.477
Binary	10111011, 10100001, 01010111

#bba157
```
#bba157 rgb(187,161,87)
```
#5771bb
```
#5771bb rgb(87,113,187)
```

Complementary Color

#bb6f57
```
#bb6f57 rgb(187,111,87)
```
#bba157
```
#bba157 rgb(187,161,87)
```
#a3bb57
```
#a3bb57 rgb(163,187,87)
```

Analogous Color

#6f57bb
```
#6f57bb rgb(111,87,187)
```
#bba157
```
#bba157 rgb(187,161,87)
```
#57a3bb
```
#57a3bb rgb(87,163,187)
```

Split Complementary Color

#a157bb
```
#a157bb rgb(161,87,187)
```
#bba157
```
#bba157 rgb(187,161,87)
```
#57bba1
```
#57bba1 rgb(87,187,161)
```

Triadic Color

#bb5771
```
#bb5771 rgb(187,87,113)
```
#bba157
```
#bba157 rgb(187,161,87)
```
#57bba1
```
#57bba1 rgb(87,187,161)
```
#5771bb
```
#5771bb rgb(87,113,187)
```

Tetradic Color

#8d7739
```
#8d7739 rgb(141,119,57)
```
#9f8640
```
#9f8640 rgb(159,134,64)
```
#b19648
```
#b19648 rgb(177,150,72)
```
#bba157
```
#bba157 rgb(187,161,87)
```
#c2ab69
```
#c2ab69 rgb(194,171,105)
```
#cab57b
```
#cab57b rgb(202,181,123)
```
#d1bf8d
```
#d1bf8d rgb(209,191,141)
```

Monochromatic Color

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

#bb8857
```
#bb8857 rgb(187,136,87)
```
#bb9057
```
#bb9057 rgb(187,144,87)
```
#bb9957
```
#bb9957 rgb(187,153,87)
```
#bba157
```
#bba157 rgb(187,161,87)
```
#bba957
```
#bba957 rgb(187,169,87)
```
#bbb257
```
#bbb257 rgb(187,178,87)
```
#bbba57
```
#bbba57 rgb(187,186,87)
```

Similar Colors

Text with hexadecimal color #bba157

This text has a font color of #bba157.

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

#bba157 background color

This paragraph has a background color of #bba157.

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

#bba157 border color

This element has a border color of #bba157.

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

CSS codes

.text {color:#bba157;}

.background {background-color:#bba157;}

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

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, #0e0b05 is the darkest color, while #ffffff is the lightest one.

#0e0b05
```
#0e0b05 rgb(14,11,5)
```
#1b170b
```
#1b170b rgb(27,23,11)
```
#292311
```
#292311 rgb(41,35,17)
```
#372f16
```
#372f16 rgb(55,47,22)
```
#453b1c
```
#453b1c rgb(69,59,28)
```
#534622
```
#534622 rgb(83,70,34)
```
#615227
```
#615227 rgb(97,82,39)
```
#6f5e2d
```
#6f5e2d rgb(111,94,45)
```
#7d6a33
```
#7d6a33 rgb(125,106,51)
```
#8b7638
```
#8b7638 rgb(139,118,56)
```
#99813e
```
#99813e rgb(153,129,62)
```
#a78d44
```
#a78d44 rgb(167,141,68)
```
#b59949
```
#b59949 rgb(181,153,73)
```

Shade Color Variation

#bba157
```
#bba157 rgb(187,161,87)
```
#c1a965
```
#c1a965 rgb(193,169,101)
```
#c6b173
```
#c6b173 rgb(198,177,115)
```
#ccb881
```
#ccb881 rgb(204,184,129)
```
#d2c08f
```
#d2c08f rgb(210,192,143)
```
#d7c89d
```
#d7c89d rgb(215,200,157)
```
#ddd0ab
```
#ddd0ab rgb(221,208,171)
```
#e3d8b9
```
#e3d8b9 rgb(227,216,185)
```
#e8e0c7
```
#e8e0c7 rgb(232,224,199)
```
#eee7d5
```
#eee7d5 rgb(238,231,213)
```
#f4efe3
```
#f4efe3 rgb(244,239,227)
```
#f9f7f1
```
#f9f7f1 rgb(249,247,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8e8b84
```
#8e8b84 rgb(142,139,132)
```
#97907b
```
#97907b rgb(151,144,123)
```
#a09472
```
#a09472 rgb(160,148,114)
```
#a99869
```
#a99869 rgb(169,152,105)
```
#b29d60
```
#b29d60 rgb(178,157,96)
```
#bba157
```
#bba157 rgb(187,161,87)
```
#c4a54e
```
#c4a54e rgb(196,165,78)
```
#cdaa45
```
#cdaa45 rgb(205,170,69)
```
#d6ae3c
```
#d6ae3c rgb(214,174,60)
```
#dfb233
```
#dfb233 rgb(223,178,51)
```
#e8b72a
```
#e8b72a rgb(232,183,42)
```
#f1bb21
```
#f1bb21 rgb(241,187,33)
```
#fbbf17
```
#fbbf17 rgb(251,191,23)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a5a091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a860 Protanopia 1% of men
#cba061 Deuteranopia 1% of men
#c69da8 Tritanopia 0.001% of the population

Trichromacy

#b9a55d Protanomaly 1% of men, 0.01% of women
#c5a05d Deuteranomaly 6% of men, 0.4% of women
#c29e8a Tritanomaly 0.01% of the population

#bba157 hex color

#bba157 Color Information

#bba157 Color Conversion

Color Schemes with #bba157

Alternatives to #bba157

#bba157 Preview

Shades and Tints of #bba157

Tones of #bba157

Color Blindness Simulator