#b2a28f hex color

In a RGB color space, hex #b2a28f is composed of 69.8% red, 63.5% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9% magenta, 19.7% yellow and 30.2% black. It has a hue angle of 32.6 degrees, a saturation of 18.5% and a lightness of 62.9%. #b2a28f color hex could be obtained by blending #ffffff with #65451f. Closest websafe color is: #999999.

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

● #b2a28f color description : Dark grayish orange.

The hexadecimal color #b2a28f has RGB values of R:178, G:162, B:143 and CMYK values of C:0, M:0.09, Y:0.2, K:0.3. Its decimal value is 11707023.

Hex triplet	b2a28f	`#b2a28f`
RGB Decimal	178, 162, 143	`rgb(178,162,143)`
RGB Percent	69.8, 63.5, 56.1	`rgb(69.8%,63.5%,56.1%)`
CMYK	0, 9, 20, 30
HSL	32.6°, 18.5, 62.9	`hsl(32.6,18.5%,62.9%)`
HSV (or HSB)	32.6°, 19.7, 69.8
Web Safe	999999	`#999999`

CIE-LAB	67.494, 2.672, 11.996
XYZ	36.238, 37.289, 31.274
xyY	0.346, 0.356, 37.289
CIE-LCH	67.494, 12.29, 77.444
CIE-LUV	67.494, 10.894, 16.206
Hunter-Lab	61.065, -0.937, 12.381
Binary	10110010, 10100010, 10001111

#b2a28f
```
#b2a28f rgb(178,162,143)
```
#8f9fb2
```
#8f9fb2 rgb(143,159,178)
```

Complementary Color

#b2918f
```
#b2918f rgb(178,145,143)
```
#b2a28f
```
#b2a28f rgb(178,162,143)
```
#b1b28f
```
#b1b28f rgb(177,178,143)
```

Analogous Color

#918fb2
```
#918fb2 rgb(145,143,178)
```
#b2a28f
```
#b2a28f rgb(178,162,143)
```
#8fb1b2
```
#8fb1b2 rgb(143,177,178)
```

Split Complementary Color

#a28fb2
```
#a28fb2 rgb(162,143,178)
```
#b2a28f
```
#b2a28f rgb(178,162,143)
```
#8fb2a2
```
#8fb2a2 rgb(143,178,162)
```

Triadic Color

#b28f9f
```
#b28f9f rgb(178,143,159)
```
#b2a28f
```
#b2a28f rgb(178,162,143)
```
#8fb2a2
```
#8fb2a2 rgb(143,178,162)
```
#8f9fb2
```
#8f9fb2 rgb(143,159,178)
```

Tetradic Color

#917c64
```
#917c64 rgb(145,124,100)
```
#9d8971
```
#9d8971 rgb(157,137,113)
```
#a89580
```
#a89580 rgb(168,149,128)
```
#b2a28f
```
#b2a28f rgb(178,162,143)
```
#bcaf9e
```
#bcaf9e rgb(188,175,158)
```
#c7bbad
```
#c7bbad rgb(199,187,173)
```
#d1c8bc
```
#d1c8bc rgb(209,200,188)
```

Monochromatic Color

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

#b2998f
```
#b2998f rgb(178,153,143)
```
#b29c8f
```
#b29c8f rgb(178,156,143)
```
#b29f8f
```
#b29f8f rgb(178,159,143)
```
#b2a28f
```
#b2a28f rgb(178,162,143)
```
#b2a58f
```
#b2a58f rgb(178,165,143)
```
#b2a88f
```
#b2a88f rgb(178,168,143)
```
#b2ab8f
```
#b2ab8f rgb(178,171,143)
```

Similar Colors

Text with hexadecimal color #b2a28f

This text has a font color of #b2a28f.

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

#b2a28f background color

This paragraph has a background color of #b2a28f.

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

#b2a28f border color

This element has a border color of #b2a28f.

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

CSS codes

.text {color:#b2a28f;}

.background {background-color:#b2a28f;}

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

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

#040403
```
#040403 rgb(4,4,3)
```
#100e0b
```
#100e0b rgb(16,14,11)
```
#1b1813
```
#1b1813 rgb(27,24,19)
```
#27221b
```
#27221b rgb(39,34,27)
```
#332b23
```
#332b23 rgb(51,43,35)
```
#3e352b
```
#3e352b rgb(62,53,43)
```
#4a3f33
```
#4a3f33 rgb(74,63,51)
```
#56493b
```
#56493b rgb(86,73,59)
```
#615343
```
#615343 rgb(97,83,67)
```
#6d5d4b
```
#6d5d4b rgb(109,93,75)
```
#786753
```
#786753 rgb(120,103,83)
```
#84715b
```
#84715b rgb(132,113,91)
```
#907b63
```
#907b63 rgb(144,123,99)
```

Shade Color Variation

#9a856c
```
#9a856c rgb(154,133,108)
```
#a28f78
```
#a28f78 rgb(162,143,120)
```
#aa9883
```
#aa9883 rgb(170,152,131)
```
#b2a28f
```
#b2a28f rgb(178,162,143)
```
#baac9b
```
#baac9b rgb(186,172,155)
```
#c2b5a6
```
#c2b5a6 rgb(194,181,166)
```
#cabfb2
```
#cabfb2 rgb(202,191,178)
```
#d2c9bd
```
#d2c9bd rgb(210,201,189)
```
#dad2c9
```
#dad2c9 rgb(218,210,201)
```
#e2dcd5
```
#e2dcd5 rgb(226,220,213)
```
#eae6e0
```
#eae6e0 rgb(234,230,224)
```
#f2efec
```
#f2efec rgb(242,239,236)
```
#faf9f8
```
#faf9f8 rgb(250,249,248)
```

Tint Color Variation

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

#a3a19e
```
#a3a19e rgb(163,161,158)
```
#aba196
```
#aba196 rgb(171,161,150)
```
#b2a28f
```
#b2a28f rgb(178,162,143)
```
#b9a388
```
#b9a388 rgb(185,163,136)
```
#c1a380
```
#c1a380 rgb(193,163,128)
```
#c8a479
```
#c8a479 rgb(200,164,121)
```
#cfa472
```
#cfa472 rgb(207,164,114)
```
#d6a56b
```
#d6a56b rgb(214,165,107)
```
#dea663
```
#dea663 rgb(222,166,99)
```
#e5a65c
```
#e5a65c rgb(229,166,92)
```
#eca755
```
#eca755 rgb(236,167,85)
```
#f3a84e
```
#f3a84e rgb(243,168,78)
```
#fba846
```
#fba846 rgb(251,168,70)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a8a4a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a895 Protanopia 1% of men
#bfa395 Deuteranopia 1% of men
#b9a3ae Tritanopia 0.001% of the population

Trichromacy

#b1a693 Protanomaly 1% of men, 0.01% of women
#baa293 Deuteranomaly 6% of men, 0.4% of women
#b6a2a3 Tritanomaly 0.01% of the population

#b2a28f hex color

#b2a28f Color Information

#b2a28f Color Conversion

Color Schemes with #b2a28f

Alternatives to #b2a28f

#b2a28f Preview

Shades and Tints of #b2a28f

Tones of #b2a28f

Color Blindness Simulator