#b2a282 hex color

In a RGB color space, hex #b2a282 is composed of 69.8% red, 63.5% green and 51% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9% magenta, 27% yellow and 30.2% black. It has a hue angle of 40 degrees, a saturation of 23.8% and a lightness of 60.4%. #b2a282 color hex could be obtained by blending #ffffff with #654505. Closest websafe color is: #999999.

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

● #b2a282 color description : Mostly desaturated dark orange.

The hexadecimal color #b2a282 has RGB values of R:178, G:162, B:130 and CMYK values of C:0, M:0.09, Y:0.27, K:0.3. Its decimal value is 11707010.

Hex triplet	b2a282	`#b2a282`
RGB Decimal	178, 162, 130	`rgb(178,162,130)`
RGB Percent	69.8, 63.5, 51	`rgb(69.8%,63.5%,51%)`
CMYK	0, 9, 27, 30
HSL	40°, 23.8, 60.4	`hsl(40,23.8%,60.4%)`
HSV (or HSB)	40°, 27, 69.8
Web Safe	999999	`#999999`

CIE-LAB	67.215, 0.747, 18.788
XYZ	35.309, 36.918, 26.384
xyY	0.358, 0.374, 36.918
CIE-LCH	67.215, 18.802, 87.722
CIE-LUV	67.215, 11.813, 25.244
Hunter-Lab	60.76, -2.6, 16.787
Binary	10110010, 10100010, 10000010

#b2a282
```
#b2a282 rgb(178,162,130)
```
#8292b2
```
#8292b2 rgb(130,146,178)
```

Complementary Color

#b28a82
```
#b28a82 rgb(178,138,130)
```
#b2a282
```
#b2a282 rgb(178,162,130)
```
#aab282
```
#aab282 rgb(170,178,130)
```

Analogous Color

#8a82b2
```
#8a82b2 rgb(138,130,178)
```
#b2a282
```
#b2a282 rgb(178,162,130)
```
#82aab2
```
#82aab2 rgb(130,170,178)
```

Split Complementary Color

#a282b2
```
#a282b2 rgb(162,130,178)
```
#b2a282
```
#b2a282 rgb(178,162,130)
```
#82b2a2
```
#82b2a2 rgb(130,178,162)
```

Triadic Color

#b28292
```
#b28292 rgb(178,130,146)
```
#b2a282
```
#b2a282 rgb(178,162,130)
```
#82b2a2
```
#82b2a2 rgb(130,178,162)
```
#8292b2
```
#8292b2 rgb(130,146,178)
```

Tetradic Color

#8f7d58
```
#8f7d58 rgb(143,125,88)
```
#9f8b62
```
#9f8b62 rgb(159,139,98)
```
#a89672
```
#a89672 rgb(168,150,114)
```
#b2a282
```
#b2a282 rgb(178,162,130)
```
#bcae92
```
#bcae92 rgb(188,174,146)
```
#c5b9a2
```
#c5b9a2 rgb(197,185,162)
```
#cfc5b1
```
#cfc5b1 rgb(207,197,177)
```

Monochromatic Color

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

#b29682
```
#b29682 rgb(178,150,130)
```
#b29a82
```
#b29a82 rgb(178,154,130)
```
#b29e82
```
#b29e82 rgb(178,158,130)
```
#b2a282
```
#b2a282 rgb(178,162,130)
```
#b2a682
```
#b2a682 rgb(178,166,130)
```
#b2aa82
```
#b2aa82 rgb(178,170,130)
```
#b2ae82
```
#b2ae82 rgb(178,174,130)
```

Similar Colors

Text with hexadecimal color #b2a282

This text has a font color of #b2a282.

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

#b2a282 background color

This paragraph has a background color of #b2a282.

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

#b2a282 border color

This element has a border color of #b2a282.

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

CSS codes

.text {color:#b2a282;}

.background {background-color:#b2a282;}

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

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

#090705
```
#090705 rgb(9,7,5)
```
#15120d
```
#15120d rgb(21,18,13)
```
#211d14
```
#211d14 rgb(33,29,20)
```
#2d271c
```
#2d271c rgb(45,39,28)
```
#393223
```
#393223 rgb(57,50,35)
```
#453c2b
```
#453c2b rgb(69,60,43)
```
#514732
```
#514732 rgb(81,71,50)
```
#5d523a
```
#5d523a rgb(93,82,58)
```
#6a5c41
```
#6a5c41 rgb(106,92,65)
```
#766749
```
#766749 rgb(118,103,73)
```
#827150
```
#827150 rgb(130,113,80)
```
#8e7c57
```
#8e7c57 rgb(142,124,87)
```
#9a865f
```
#9a865f rgb(154,134,95)
```

Shade Color Variation

#a3906a
```
#a3906a rgb(163,144,106)
```
#ab9976
```
#ab9976 rgb(171,153,118)
```
#b2a282
```
#b2a282 rgb(178,162,130)
```
#b9ab8e
```
#b9ab8e rgb(185,171,142)
```
#c1b49a
```
#c1b49a rgb(193,180,154)
```
#c8bda6
```
#c8bda6 rgb(200,189,166)
```
#d0c6b3
```
#d0c6b3 rgb(208,198,179)
```
#d7cfbf
```
#d7cfbf rgb(215,207,191)
```
#dfd8cb
```
#dfd8cb rgb(223,216,203)
```
#e6e1d7
```
#e6e1d7 rgb(230,225,215)
```
#eeeae3
```
#eeeae3 rgb(238,234,227)
```
#f5f3ef
```
#f5f3ef rgb(245,243,239)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#9b9a99
```
#9b9a99 rgb(155,154,153)
```
#a29d92
```
#a29d92 rgb(162,157,146)
```
#aa9f8a
```
#aa9f8a rgb(170,159,138)
```
#b2a282
```
#b2a282 rgb(178,162,130)
```
#baa57a
```
#baa57a rgb(186,165,122)
```
#c2a772
```
#c2a772 rgb(194,167,114)
```
#c9aa6b
```
#c9aa6b rgb(201,170,107)
```
#d1ac63
```
#d1ac63 rgb(209,172,99)
```
#d9af5b
```
#d9af5b rgb(217,175,91)
```
#e1b253
```
#e1b253 rgb(225,178,83)
```
#e8b44c
```
#e8b44c rgb(232,180,76)
```
#f0b744
```
#f0b744 rgb(240,183,68)
```
#f8b93c
```
#f8b93c rgb(248,185,60)
```

Tone Color Variation

Below, you can see how #b2a282 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
#a6a39c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a889 Protanopia 1% of men
#c2a289 Deuteranopia 1% of men
#bba1ad Tritanopia 0.001% of the population

Trichromacy

#b2a586 Protanomaly 1% of men, 0.01% of women
#bca287 Deuteranomaly 6% of men, 0.4% of women
#b7a19d Tritanomaly 0.01% of the population

#b2a282 hex color

#b2a282 Color Information

#b2a282 Color Conversion

Color Schemes with #b2a282

Alternatives to #b2a282

#b2a282 Preview

Shades and Tints of #b2a282

Tones of #b2a282

Color Blindness Simulator