#b2a685 hex color

In a RGB color space, hex #b2a685 is composed of 69.8% red, 65.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.7% magenta, 25.3% yellow and 30.2% black. It has a hue angle of 44 degrees, a saturation of 22.6% and a lightness of 61%. #b2a685 color hex could be obtained by blending #ffffff with #654d0b. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 70
- G 65
- B 52
RGB color chart
- C 0
- M 7
- Y 25
- K 30
CMYK color chart

● #b2a685 color description : Mostly desaturated dark orange.

The hexadecimal color #b2a685 has RGB values of R:178, G:166, B:133 and CMYK values of C:0, M:0.07, Y:0.25, K:0.3. Its decimal value is 11708037.

Hex triplet	b2a685	`#b2a685`
RGB Decimal	178, 166, 133	`rgb(178,166,133)`
RGB Percent	69.8, 65.1, 52.2	`rgb(69.8%,65.1%,52.2%)`
CMYK	0, 7, 25, 30
HSL	44°, 22.6, 61	`hsl(44,22.6%,61%)`
HSV (or HSB)	44°, 25.3, 69.8
Web Safe	999999	`#999999`

CIE-LAB	68.337, -0.993, 18.684
XYZ	36.229, 38.431, 27.699
xyY	0.354, 0.375, 38.431
CIE-LCH	68.337, 18.711, 93.042
CIE-LUV	68.337, 9.271, 25.556
Hunter-Lab	61.993, -4.171, 16.904
Binary	10110010, 10100110, 10000101

#b2a685
```
#b2a685 rgb(178,166,133)
```
#8591b2
```
#8591b2 rgb(133,145,178)
```

Complementary Color

#b29085
```
#b29085 rgb(178,144,133)
```
#b2a685
```
#b2a685 rgb(178,166,133)
```
#a8b285
```
#a8b285 rgb(168,178,133)
```

Analogous Color

#9085b2
```
#9085b2 rgb(144,133,178)
```
#b2a685
```
#b2a685 rgb(178,166,133)
```
#85a8b2
```
#85a8b2 rgb(133,168,178)
```

Split Complementary Color

#a685b2
```
#a685b2 rgb(166,133,178)
```
#b2a685
```
#b2a685 rgb(178,166,133)
```
#85b2a6
```
#85b2a6 rgb(133,178,166)
```

Triadic Color

#b28591
```
#b28591 rgb(178,133,145)
```
#b2a685
```
#b2a685 rgb(178,166,133)
```
#85b2a6
```
#85b2a6 rgb(133,178,166)
```
#8591b2
```
#8591b2 rgb(133,145,178)
```

Tetradic Color

#90825b
```
#90825b rgb(144,130,91)
```
#9e8f66
```
#9e8f66 rgb(158,143,102)
```
#a89b75
```
#a89b75 rgb(168,155,117)
```
#b2a685
```
#b2a685 rgb(178,166,133)
```
#bcb195
```
#bcb195 rgb(188,177,149)
```
#c6bda4
```
#c6bda4 rgb(198,189,164)
```
#d0c8b4
```
#d0c8b4 rgb(208,200,180)
```

Monochromatic Color

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

#b29b85
```
#b29b85 rgb(178,155,133)
```
#b29f85
```
#b29f85 rgb(178,159,133)
```
#b2a285
```
#b2a285 rgb(178,162,133)
```
#b2a685
```
#b2a685 rgb(178,166,133)
```
#b2aa85
```
#b2aa85 rgb(178,170,133)
```
#b2ae85
```
#b2ae85 rgb(178,174,133)
```
#b2b185
```
#b2b185 rgb(178,177,133)
```

Similar Colors

Text with hexadecimal color #b2a685

This text has a font color of #b2a685.

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

#b2a685 background color

This paragraph has a background color of #b2a685.

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

#b2a685 border color

This element has a border color of #b2a685.

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

CSS codes

.text {color:#b2a685;}

.background {background-color:#b2a685;}

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

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

#0a0906
```
#0a0906 rgb(10,9,6)
```
#16140e
```
#16140e rgb(22,20,14)
```
#221f16
```
#221f16 rgb(34,31,22)
```
#2e2a1d
```
#2e2a1d rgb(46,42,29)
```
#3a3525
```
#3a3525 rgb(58,53,37)
```
#463f2c
```
#463f2c rgb(70,63,44)
```
#524a34
```
#524a34 rgb(82,74,52)
```
#5e553c
```
#5e553c rgb(94,85,60)
```
#6a6043
```
#6a6043 rgb(106,96,67)
```
#776b4b
```
#776b4b rgb(119,107,75)
```
#837652
```
#837652 rgb(131,118,82)
```
#8f815a
```
#8f815a rgb(143,129,90)
```
#9b8b62
```
#9b8b62 rgb(155,139,98)
```

Shade Color Variation

#a3946d
```
#a3946d rgb(163,148,109)
```
#aa9d79
```
#aa9d79 rgb(170,157,121)
```
#b2a685
```
#b2a685 rgb(178,166,133)
```
#baaf91
```
#baaf91 rgb(186,175,145)
```
#c1b89d
```
#c1b89d rgb(193,184,157)
```
#c9c0a9
```
#c9c0a9 rgb(201,192,169)
```
#d0c9b5
```
#d0c9b5 rgb(208,201,181)
```
#d8d2c1
```
#d8d2c1 rgb(216,210,193)
```
#e0dbcd
```
#e0dbcd rgb(224,219,205)
```
#e7e3d9
```
#e7e3d9 rgb(231,227,217)
```
#efece5
```
#efece5 rgb(239,236,229)
```
#f6f5f1
```
#f6f5f1 rgb(246,245,241)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#a39f94
```
#a39f94 rgb(163,159,148)
```
#aaa28d
```
#aaa28d rgb(170,162,141)
```
#b2a685
```
#b2a685 rgb(178,166,133)
```
#baaa7d
```
#baaa7d rgb(186,170,125)
```
#c1ad76
```
#c1ad76 rgb(193,173,118)
```
#c9b16e
```
#c9b16e rgb(201,177,110)
```
#d1b466
```
#d1b466 rgb(209,180,102)
```
#d8b85f
```
#d8b85f rgb(216,184,95)
```
#e0bb57
```
#e0bb57 rgb(224,187,87)
```
#e8bf4f
```
#e8bf4f rgb(232,191,79)
```
#efc348
```
#efc348 rgb(239,195,72)
```
#f7c640
```
#f7c640 rgb(247,198,64)
```
#ffca38
```
#ffca38 rgb(255,202,56)
```

Tone Color Variation

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

Dichromacy

#b5aa8b Protanopia 1% of men
#c5a48d Deuteranopia 1% of men
#bba5b1 Tritanopia 0.001% of the population

Trichromacy

#b4a989 Protanomaly 1% of men, 0.01% of women
#bea58a Deuteranomaly 6% of men, 0.4% of women
#b7a5a1 Tritanomaly 0.01% of the population

#b2a685 hex color

#b2a685 Color Information

#b2a685 Color Conversion

Color Schemes with #b2a685

Alternatives to #b2a685

#b2a685 Preview

Shades and Tints of #b2a685

Tones of #b2a685

Color Blindness Simulator