#b2a18f hex color

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

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

● #b2a18f color description : Dark grayish orange.

The hexadecimal color #b2a18f has RGB values of R:178, G:161, B:143 and CMYK values of C:0, M:0.1, Y:0.2, K:0.3. Its decimal value is 11706767.

Hex triplet	b2a18f	`#b2a18f`
RGB Decimal	178, 161, 143	`rgb(178,161,143)`
RGB Percent	69.8, 63.1, 56.1	`rgb(69.8%,63.1%,56.1%)`
CMYK	0, 10, 20, 30
HSL	30.9°, 18.5, 62.9	`hsl(30.9,18.5%,62.9%)`
HSV (or HSB)	30.9°, 19.7, 69.8
Web Safe	999999	`#999999`

CIE-LAB	67.231, 3.218, 11.626
XYZ	36.062, 36.938, 31.215
xyY	0.346, 0.354, 36.938
CIE-LCH	67.231, 12.063, 74.527
CIE-LUV	67.231, 11.464, 15.6
Hunter-Lab	60.777, -0.446, 12.092
Binary	10110010, 10100001, 10001111

#b2a18f
```
#b2a18f rgb(178,161,143)
```
#8fa0b2
```
#8fa0b2 rgb(143,160,178)
```

Complementary Color

#b2908f
```
#b2908f rgb(178,144,143)
```
#b2a18f
```
#b2a18f rgb(178,161,143)
```
#b2b28f
```
#b2b28f rgb(178,178,143)
```

Analogous Color

#908fb2
```
#908fb2 rgb(144,143,178)
```
#b2a18f
```
#b2a18f rgb(178,161,143)
```
#8fb2b2
```
#8fb2b2 rgb(143,178,178)
```

Split Complementary Color

#a18fb2
```
#a18fb2 rgb(161,143,178)
```
#b2a18f
```
#b2a18f rgb(178,161,143)
```
#8fb2a1
```
#8fb2a1 rgb(143,178,161)
```

Triadic Color

#b28fa0
```
#b28fa0 rgb(178,143,160)
```
#b2a18f
```
#b2a18f rgb(178,161,143)
```
#8fb2a1
```
#8fb2a1 rgb(143,178,161)
```
#8fa0b2
```
#8fa0b2 rgb(143,160,178)
```

Tetradic Color

#917b64
```
#917b64 rgb(145,123,100)
```
#9d8871
```
#9d8871 rgb(157,136,113)
```
#a89480
```
#a89480 rgb(168,148,128)
```
#b2a18f
```
#b2a18f rgb(178,161,143)
```
#bcae9e
```
#bcae9e rgb(188,174,158)
```
#c7baad
```
#c7baad rgb(199,186,173)
```
#d1c7bc
```
#d1c7bc rgb(209,199,188)
```

Monochromatic Color

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

#b2988f
```
#b2988f rgb(178,152,143)
```
#b29b8f
```
#b29b8f rgb(178,155,143)
```
#b29e8f
```
#b29e8f rgb(178,158,143)
```
#b2a18f
```
#b2a18f rgb(178,161,143)
```
#b2a48f
```
#b2a48f rgb(178,164,143)
```
#b2a78f
```
#b2a78f rgb(178,167,143)
```
#b2aa8f
```
#b2aa8f rgb(178,170,143)
```

Similar Colors

Text with hexadecimal color #b2a18f

This text has a font color of #b2a18f.

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

#b2a18f background color

This paragraph has a background color of #b2a18f.

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

#b2a18f border color

This element has a border color of #b2a18f.

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

CSS codes

.text {color:#b2a18f;}

.background {background-color:#b2a18f;}

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

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)
```
#100d0b
```
#100d0b rgb(16,13,11)
```
#1b1713
```
#1b1713 rgb(27,23,19)
```
#27211b
```
#27211b rgb(39,33,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)
```
#615243
```
#615243 rgb(97,82,67)
```
#6d5c4b
```
#6d5c4b rgb(109,92,75)
```
#786653
```
#786653 rgb(120,102,83)
```
#84705b
```
#84705b rgb(132,112,91)
```
#907a63
```
#907a63 rgb(144,122,99)
```

Shade Color Variation

#9a846c
```
#9a846c rgb(154,132,108)
```
#a28d78
```
#a28d78 rgb(162,141,120)
```
#aa9783
```
#aa9783 rgb(170,151,131)
```
#b2a18f
```
#b2a18f rgb(178,161,143)
```
#baab9b
```
#baab9b rgb(186,171,155)
```
#c2b5a6
```
#c2b5a6 rgb(194,181,166)
```
#cabeb2
```
#cabeb2 rgb(202,190,178)
```
#d2c8bd
```
#d2c8bd rgb(210,200,189)
```
#dad2c9
```
#dad2c9 rgb(218,210,201)
```
#e2dcd5
```
#e2dcd5 rgb(226,220,213)
```
#eae5e0
```
#eae5e0 rgb(234,229,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 #fba346 is the most saturated one.

#a3a19e
```
#a3a19e rgb(163,161,158)
```
#aba196
```
#aba196 rgb(171,161,150)
```
#b2a18f
```
#b2a18f rgb(178,161,143)
```
#b9a188
```
#b9a188 rgb(185,161,136)
```
#c1a180
```
#c1a180 rgb(193,161,128)
```
#c8a279
```
#c8a279 rgb(200,162,121)
```
#cfa272
```
#cfa272 rgb(207,162,114)
```
#d6a26b
```
#d6a26b rgb(214,162,107)
```
#dea263
```
#dea263 rgb(222,162,99)
```
#e5a25c
```
#e5a25c rgb(229,162,92)
```
#eca355
```
#eca355 rgb(236,163,85)
```
#f3a34e
```
#f3a34e rgb(243,163,78)
```
#fba346
```
#fba346 rgb(251,163,70)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a7a3a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa795 Protanopia 1% of men
#bea295 Deuteranopia 1% of men
#b9a2ad Tritanopia 0.001% of the population

Trichromacy

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

#b2a18f hex color

#b2a18f Color Information

#b2a18f Color Conversion

Color Schemes with #b2a18f

Alternatives to #b2a18f

#b2a18f Preview

Shades and Tints of #b2a18f

Tones of #b2a18f

Color Blindness Simulator