#bba682 hex color

In a RGB color space, hex #bba682 is composed of 73.3% red, 65.1% green and 51% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.2% magenta, 30.5% yellow and 26.7% black. It has a hue angle of 37.9 degrees, a saturation of 29.5% and a lightness of 62.2%. #bba682 color hex could be obtained by blending #ffffff with #774d05. Closest websafe color is: #cc9999.

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

● #bba682 color description : Slightly desaturated orange.

The hexadecimal color #bba682 has RGB values of R:187, G:166, B:130 and CMYK values of C:0, M:0.11, Y:0.3, K:0.27. Its decimal value is 12297858.

Hex triplet	bba682	`#bba682`
RGB Decimal	187, 166, 130	`rgb(187,166,130)`
RGB Percent	73.3, 65.1, 51	`rgb(73.3%,65.1%,51%)`
CMYK	0, 11, 30, 27
HSL	37.9°, 29.5, 62.2	`hsl(37.9,29.5%,62.2%)`
HSV (or HSB)	37.9°, 30.5, 73.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.076, 2.148, 21.464
XYZ	38.159, 39.45, 26.722
xyY	0.366, 0.378, 39.45
CIE-LCH	69.076, 21.571, 84.285
CIE-LUV	69.076, 15.37, 28.448
Hunter-Lab	62.809, -1.471, 18.741
Binary	10111011, 10100110, 10000010

#bba682
```
#bba682 rgb(187,166,130)
```
#8297bb
```
#8297bb rgb(130,151,187)
```

Complementary Color

#bb8a82
```
#bb8a82 rgb(187,138,130)
```
#bba682
```
#bba682 rgb(187,166,130)
```
#b4bb82
```
#b4bb82 rgb(180,187,130)
```

Analogous Color

#8a82bb
```
#8a82bb rgb(138,130,187)
```
#bba682
```
#bba682 rgb(187,166,130)
```
#82b4bb
```
#82b4bb rgb(130,180,187)
```

Split Complementary Color

#a682bb
```
#a682bb rgb(166,130,187)
```
#bba682
```
#bba682 rgb(187,166,130)
```
#82bba6
```
#82bba6 rgb(130,187,166)
```

Triadic Color

#bb8297
```
#bb8297 rgb(187,130,151)
```
#bba682
```
#bba682 rgb(187,166,130)
```
#82bba6
```
#82bba6 rgb(130,187,166)
```
#8297bb
```
#8297bb rgb(130,151,187)
```

Tetradic Color

#9c8255
```
#9c8255 rgb(156,130,85)
```
#a98e61
```
#a98e61 rgb(169,142,97)
```
#b29a71
```
#b29a71 rgb(178,154,113)
```
#bba682
```
#bba682 rgb(187,166,130)
```
#c4b293
```
#c4b293 rgb(196,178,147)
```
#cdbea3
```
#cdbea3 rgb(205,190,163)
```
#d6c9b4
```
#d6c9b4 rgb(214,201,180)
```

Monochromatic Color

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

#bb9882
```
#bb9882 rgb(187,152,130)
```
#bb9d82
```
#bb9d82 rgb(187,157,130)
```
#bba182
```
#bba182 rgb(187,161,130)
```
#bba682
```
#bba682 rgb(187,166,130)
```
#bbab82
```
#bbab82 rgb(187,171,130)
```
#bbb082
```
#bbb082 rgb(187,176,130)
```
#bbb482
```
#bbb482 rgb(187,180,130)
```

Similar Colors

Text with hexadecimal color #bba682

This text has a font color of #bba682.

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

#bba682 background color

This paragraph has a background color of #bba682.

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

#bba682 border color

This element has a border color of #bba682.

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

CSS codes

.text {color:#bba682;}

.background {background-color:#bba682;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f0c08
```
#0f0c08 rgb(15,12,8)
```
#1b170f
```
#1b170f rgb(27,23,15)
```
#282116
```
#282116 rgb(40,33,22)
```
#352c1d
```
#352c1d rgb(53,44,29)
```
#423724
```
#423724 rgb(66,55,36)
```
#4e412b
```
#4e412b rgb(78,65,43)
```
#5b4c31
```
#5b4c31 rgb(91,76,49)
```
#685638
```
#685638 rgb(104,86,56)
```
#74613f
```
#74613f rgb(116,97,63)
```
#816b46
```
#816b46 rgb(129,107,70)
```
#8e764d
```
#8e764d rgb(142,118,77)
```
#9a8154
```
#9a8154 rgb(154,129,84)
```

Shade Color Variation

#a68b5c
```
#a68b5c rgb(166,139,92)
```
#ad9469
```
#ad9469 rgb(173,148,105)
```
#b49d75
```
#b49d75 rgb(180,157,117)
```
#bba682
```
#bba682 rgb(187,166,130)
```
#c2af8f
```
#c2af8f rgb(194,175,143)
```
#c9b89b
```
#c9b89b rgb(201,184,155)
```
#d0c1a8
```
#d0c1a8 rgb(208,193,168)
```
#d7cab5
```
#d7cab5 rgb(215,202,181)
```
#ded3c2
```
#ded3c2 rgb(222,211,194)
```
#e4dcce
```
#e4dcce rgb(228,220,206)
```
#ebe5db
```
#ebe5db rgb(235,229,219)
```
#f2eee8
```
#f2eee8 rgb(242,238,232)
```
#f9f7f4
```
#f9f7f4 rgb(249,247,244)
```

Tint Color Variation

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

#a5a098
```
#a5a098 rgb(165,160,152)
```
#aca291
```
#aca291 rgb(172,162,145)
```
#b4a489
```
#b4a489 rgb(180,164,137)
```
#bba682
```
#bba682 rgb(187,166,130)
```
#c2a87b
```
#c2a87b rgb(194,168,123)
```
#caaa73
```
#caaa73 rgb(202,170,115)
```
#d1ac6c
```
#d1ac6c rgb(209,172,108)
```
#d9ae64
```
#d9ae64 rgb(217,174,100)
```
#e0b05d
```
#e0b05d rgb(224,176,93)
```
#e8b255
```
#e8b255 rgb(232,178,85)
```
#efb44e
```
#efb44e rgb(239,180,78)
```
#f6b647
```
#f6b647 rgb(246,182,71)
```
#feb83f
```
#feb83f rgb(254,184,63)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aca8a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ac89 Protanopia 1% of men
#c9a689 Deuteranopia 1% of men
#c3a5b0 Tritanopia 0.001% of the population

Trichromacy

#b9aa86 Protanomaly 1% of men, 0.01% of women
#c4a686 Deuteranomaly 6% of men, 0.4% of women
#c0a59f Tritanomaly 0.01% of the population

#bba682 hex color

#bba682 Color Information

#bba682 Color Conversion

Color Schemes with #bba682

Alternatives to #bba682

#bba682 Preview

Shades and Tints of #bba682

Tones of #bba682

Color Blindness Simulator