#bba282 hex color

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

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

● #bba282 color description : Slightly desaturated orange.

The hexadecimal color #bba282 has RGB values of R:187, G:162, B:130 and CMYK values of C:0, M:0.13, Y:0.3, K:0.27. Its decimal value is 12296834.

Hex triplet	bba282	`#bba282`
RGB Decimal	187, 162, 130	`rgb(187,162,130)`
RGB Percent	73.3, 63.5, 51	`rgb(73.3%,63.5%,51%)`
CMYK	0, 13, 30, 27
HSL	33.7°, 29.5, 62.2	`hsl(33.7,29.5%,62.2%)`
HSV (or HSB)	33.7°, 30.5, 73.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	68.034, 4.318, 20.041
XYZ	37.443, 38.018, 26.484
xyY	0.367, 0.373, 38.018
CIE-LCH	68.034, 20.501, 77.842
CIE-LUV	68.034, 17.79, 26.177
Hunter-Lab	61.659, 0.492, 17.695
Binary	10111011, 10100010, 10000010

#bba282
```
#bba282 rgb(187,162,130)
```
#829bbb
```
#829bbb rgb(130,155,187)
```

Complementary Color

#bb8682
```
#bb8682 rgb(187,134,130)
```
#bba282
```
#bba282 rgb(187,162,130)
```
#b8bb82
```
#b8bb82 rgb(184,187,130)
```

Analogous Color

#8682bb
```
#8682bb rgb(134,130,187)
```
#bba282
```
#bba282 rgb(187,162,130)
```
#82b8bb
```
#82b8bb rgb(130,184,187)
```

Split Complementary Color

#a282bb
```
#a282bb rgb(162,130,187)
```
#bba282
```
#bba282 rgb(187,162,130)
```
#82bba2
```
#82bba2 rgb(130,187,162)
```

Triadic Color

#bb829b
```
#bb829b rgb(187,130,155)
```
#bba282
```
#bba282 rgb(187,162,130)
```
#82bba2
```
#82bba2 rgb(130,187,162)
```
#829bbb
```
#829bbb rgb(130,155,187)
```

Tetradic Color

#9c7d55
```
#9c7d55 rgb(156,125,85)
```
#a98961
```
#a98961 rgb(169,137,97)
```
#b29671
```
#b29671 rgb(178,150,113)
```
#bba282
```
#bba282 rgb(187,162,130)
```
#c4ae93
```
#c4ae93 rgb(196,174,147)
```
#cdbba3
```
#cdbba3 rgb(205,187,163)
```
#d6c7b4
```
#d6c7b4 rgb(214,199,180)
```

Monochromatic Color

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

#bb9482
```
#bb9482 rgb(187,148,130)
```
#bb9982
```
#bb9982 rgb(187,153,130)
```
#bb9d82
```
#bb9d82 rgb(187,157,130)
```
#bba282
```
#bba282 rgb(187,162,130)
```
#bba782
```
#bba782 rgb(187,167,130)
```
#bbac82
```
#bbac82 rgb(187,172,130)
```
#bbb082
```
#bbb082 rgb(187,176,130)
```

Similar Colors

Text with hexadecimal color #bba282

This text has a font color of #bba282.

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

#bba282 background color

This paragraph has a background color of #bba282.

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

#bba282 border color

This element has a border color of #bba282.

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

CSS codes

.text {color:#bba282;}

.background {background-color:#bba282;}

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

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)
```
#1b160f
```
#1b160f rgb(27,22,15)
```
#282016
```
#282016 rgb(40,32,22)
```
#352a1d
```
#352a1d rgb(53,42,29)
```
#423424
```
#423424 rgb(66,52,36)
```
#4e3f2b
```
#4e3f2b rgb(78,63,43)
```
#5b4931
```
#5b4931 rgb(91,73,49)
```
#685338
```
#685338 rgb(104,83,56)
```
#745d3f
```
#745d3f rgb(116,93,63)
```
#816746
```
#816746 rgb(129,103,70)
```
#8e714d
```
#8e714d rgb(142,113,77)
```
#9a7c54
```
#9a7c54 rgb(154,124,84)
```

Shade Color Variation

#a6865c
```
#a6865c rgb(166,134,92)
```
#ad8f69
```
#ad8f69 rgb(173,143,105)
```
#b49975
```
#b49975 rgb(180,153,117)
```
#bba282
```
#bba282 rgb(187,162,130)
```
#c2ab8f
```
#c2ab8f rgb(194,171,143)
```
#c9b59b
```
#c9b59b rgb(201,181,155)
```
#d0bea8
```
#d0bea8 rgb(208,190,168)
```
#d7c8b5
```
#d7c8b5 rgb(215,200,181)
```
#ded1c2
```
#ded1c2 rgb(222,209,194)
```
#e4dbce
```
#e4dbce rgb(228,219,206)
```
#ebe4db
```
#ebe4db rgb(235,228,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, #a59f98 is the less saturated color, while #feaa3f is the most saturated one.

#a59f98
```
#a59f98 rgb(165,159,152)
```
#aca091
```
#aca091 rgb(172,160,145)
```
#b4a189
```
#b4a189 rgb(180,161,137)
```
#bba282
```
#bba282 rgb(187,162,130)
```
#c2a37b
```
#c2a37b rgb(194,163,123)
```
#caa473
```
#caa473 rgb(202,164,115)
```
#d1a56c
```
#d1a56c rgb(209,165,108)
```
#d9a664
```
#d9a664 rgb(217,166,100)
```
#e0a75d
```
#e0a75d rgb(224,167,93)
```
#e8a755
```
#e8a755 rgb(232,167,85)
```
#efa84e
```
#efa84e rgb(239,168,78)
```
#f6a947
```
#f6a947 rgb(246,169,71)
```
#feaa3f
```
#feaa3f rgb(254,170,63)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#aaa59f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4aa89 Protanopia 1% of men
#c5a489 Deuteranopia 1% of men
#c3a1ad Tritanopia 0.001% of the population

Trichromacy

#b6a787 Protanomaly 1% of men, 0.01% of women
#c1a386 Deuteranomaly 6% of men, 0.4% of women
#c0a19d Tritanomaly 0.01% of the population

#bba282 hex color

#bba282 Color Information

#bba282 Color Conversion

Color Schemes with #bba282

Alternatives to #bba282

#bba282 Preview

Shades and Tints of #bba282

Tones of #bba282

Color Blindness Simulator