#b4a283 hex color

In a RGB color space, hex #b4a283 is composed of 70.6% red, 63.5% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10% magenta, 27.2% yellow and 29.4% black. It has a hue angle of 38 degrees, a saturation of 24.6% and a lightness of 61%. #b4a283 color hex could be obtained by blending #ffffff with #694507. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 71
- G 64
- B 51
RGB color chart
- C 0
- M 10
- Y 27
- K 29
CMYK color chart

● #b4a283 color description : Slightly desaturated orange.

The hexadecimal color #b4a283 has RGB values of R:180, G:162, B:131 and CMYK values of C:0, M:0.1, Y:0.27, K:0.29. Its decimal value is 11838083.

Hex triplet	b4a283	`#b4a283`
RGB Decimal	180, 162, 131	`rgb(180,162,131)`
RGB Percent	70.6, 63.5, 51.4	`rgb(70.6%,63.5%,51.4%)`
CMYK	0, 10, 27, 29
HSL	38°, 24.6, 61	`hsl(38,24.6%,61%)`
HSV (or HSB)	38°, 27.2, 70.6
Web Safe	cc9999	`#cc9999`

CIE-LAB	67.414, 1.679, 18.54
XYZ	35.839, 37.183, 26.761
xyY	0.359, 0.373, 37.183
CIE-LCH	67.414, 18.615, 84.827
CIE-LUV	67.414, 13.054, 24.777
Hunter-Lab	60.978, -1.801, 16.665
Binary	10110100, 10100010, 10000011

#b4a283
```
#b4a283 rgb(180,162,131)
```
#8395b4
```
#8395b4 rgb(131,149,180)
```

Complementary Color

#b48a83
```
#b48a83 rgb(180,138,131)
```
#b4a283
```
#b4a283 rgb(180,162,131)
```
#aeb483
```
#aeb483 rgb(174,180,131)
```

Analogous Color

#8a83b4
```
#8a83b4 rgb(138,131,180)
```
#b4a283
```
#b4a283 rgb(180,162,131)
```
#83aeb4
```
#83aeb4 rgb(131,174,180)
```

Split Complementary Color

#a283b4
```
#a283b4 rgb(162,131,180)
```
#b4a283
```
#b4a283 rgb(180,162,131)
```
#83b4a2
```
#83b4a2 rgb(131,180,162)
```

Triadic Color

#b48395
```
#b48395 rgb(180,131,149)
```
#b4a283
```
#b4a283 rgb(180,162,131)
```
#83b4a2
```
#83b4a2 rgb(131,180,162)
```
#8395b4
```
#8395b4 rgb(131,149,180)
```

Tetradic Color

#927d58
```
#927d58 rgb(146,125,88)
```
#a18a63
```
#a18a63 rgb(161,138,99)
```
#aa9673
```
#aa9673 rgb(170,150,115)
```
#b4a283
```
#b4a283 rgb(180,162,131)
```
#beae93
```
#beae93 rgb(190,174,147)
```
#c7baa3
```
#c7baa3 rgb(199,186,163)
```
#d1c6b3
```
#d1c6b3 rgb(209,198,179)
```

Monochromatic Color

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

#b49683
```
#b49683 rgb(180,150,131)
```
#b49a83
```
#b49a83 rgb(180,154,131)
```
#b49e83
```
#b49e83 rgb(180,158,131)
```
#b4a283
```
#b4a283 rgb(180,162,131)
```
#b4a683
```
#b4a683 rgb(180,166,131)
```
#b4aa83
```
#b4aa83 rgb(180,170,131)
```
#b4ae83
```
#b4ae83 rgb(180,174,131)
```

Similar Colors

Text with hexadecimal color #b4a283

This text has a font color of #b4a283.

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

#b4a283 background color

This paragraph has a background color of #b4a283.

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

#b4a283 border color

This element has a border color of #b4a283.

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

CSS codes

.text {color:#b4a283;}

.background {background-color:#b4a283;}

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

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)
```
#17130e
```
#17130e rgb(23,19,14)
```
#231e15
```
#231e15 rgb(35,30,21)
```
#2f281c
```
#2f281c rgb(47,40,28)
```
#3b3324
```
#3b3324 rgb(59,51,36)
```
#483d2b
```
#483d2b rgb(72,61,43)
```
#544833
```
#544833 rgb(84,72,51)
```
#60523a
```
#60523a rgb(96,82,58)
```
#6c5d41
```
#6c5d41 rgb(108,93,65)
```
#786749
```
#786749 rgb(120,103,73)
```
#857150
```
#857150 rgb(133,113,80)
```
#917c58
```
#917c58 rgb(145,124,88)
```
#9d865f
```
#9d865f rgb(157,134,95)
```

Shade Color Variation

#a5906b
```
#a5906b rgb(165,144,107)
```
#ad9977
```
#ad9977 rgb(173,153,119)
```
#b4a283
```
#b4a283 rgb(180,162,131)
```
#bbab8f
```
#bbab8f rgb(187,171,143)
```
#c3b49b
```
#c3b49b rgb(195,180,155)
```
#cabea8
```
#cabea8 rgb(202,190,168)
```
#d2c7b4
```
#d2c7b4 rgb(210,199,180)
```
#d9d0c0
```
#d9d0c0 rgb(217,208,192)
```
#e0d9cc
```
#e0d9cc rgb(224,217,204)
```
#e8e2d9
```
#e8e2d9 rgb(232,226,217)
```
#efebe5
```
#efebe5 rgb(239,235,229)
```
#f7f5f1
```
#f7f5f1 rgb(247,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, #9d9c9a is the less saturated color, while #f9b43e is the most saturated one.

#9d9c9a
```
#9d9c9a rgb(157,156,154)
```
#a59e92
```
#a59e92 rgb(165,158,146)
```
#aca08b
```
#aca08b rgb(172,160,139)
```
#b4a283
```
#b4a283 rgb(180,162,131)
```
#bca47b
```
#bca47b rgb(188,164,123)
```
#c3a674
```
#c3a674 rgb(195,166,116)
```
#cba86c
```
#cba86c rgb(203,168,108)
```
#d3aa64
```
#d3aa64 rgb(211,170,100)
```
#daac5d
```
#daac5d rgb(218,172,93)
```
#e2ae55
```
#e2ae55 rgb(226,174,85)
```
#eab04d
```
#eab04d rgb(234,176,77)
```
#f1b246
```
#f1b246 rgb(241,178,70)
```
#f9b43e
```
#f9b43e rgb(249,180,62)
```

Tone Color Variation

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

Dichromacy

#b2a88a Protanopia 1% of men
#c3a28a Deuteranopia 1% of men
#bca1ad Tritanopia 0.001% of the population

Trichromacy

#b3a687 Protanomaly 1% of men, 0.01% of women
#bda287 Deuteranomaly 6% of men, 0.4% of women
#b9a19d Tritanomaly 0.01% of the population

#b4a283 hex color

#b4a283 Color Information

#b4a283 Color Conversion

Color Schemes with #b4a283

Alternatives to #b4a283

#b4a283 Preview

Shades and Tints of #b4a283

Tones of #b4a283

Color Blindness Simulator