#b4a684 hex color

In a RGB color space, hex #b4a684 is composed of 70.6% red, 65.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.8% magenta, 26.7% yellow and 29.4% black. It has a hue angle of 42.5 degrees, a saturation of 24.2% and a lightness of 61.2%. #b4a684 color hex could be obtained by blending #ffffff with #694d09. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 71
- G 65
- B 52
RGB color chart
- C 0
- M 8
- Y 27
- K 29
CMYK color chart

● #b4a684 color description : Slightly desaturated orange.

The hexadecimal color #b4a684 has RGB values of R:180, G:166, B:132 and CMYK values of C:0, M:0.08, Y:0.27, K:0.29. Its decimal value is 11839108.

Hex triplet	b4a684	`#b4a684`
RGB Decimal	180, 166, 132	`rgb(180,166,132)`
RGB Percent	70.6, 65.1, 51.8	`rgb(70.6%,65.1%,51.8%)`
CMYK	0, 8, 27, 29
HSL	42.5°, 24.2, 61.2	`hsl(42.5,24.2%,61.2%)`
HSV (or HSB)	42.5°, 26.7, 70.6
Web Safe	cc9999	`#cc9999`

CIE-LAB	68.491, -0.349, 19.471
XYZ	36.623, 38.642, 27.358
xyY	0.357, 0.377, 38.642
CIE-LCH	68.491, 19.474, 91.026
CIE-LUV	68.491, 10.626, 26.427
Hunter-Lab	62.163, -3.623, 17.42
Binary	10110100, 10100110, 10000100

#b4a684
```
#b4a684 rgb(180,166,132)
```
#8492b4
```
#8492b4 rgb(132,146,180)
```

Complementary Color

#b48e84
```
#b48e84 rgb(180,142,132)
```
#b4a684
```
#b4a684 rgb(180,166,132)
```
#aab484
```
#aab484 rgb(170,180,132)
```

Analogous Color

#8e84b4
```
#8e84b4 rgb(142,132,180)
```
#b4a684
```
#b4a684 rgb(180,166,132)
```
#84aab4
```
#84aab4 rgb(132,170,180)
```

Split Complementary Color

#a684b4
```
#a684b4 rgb(166,132,180)
```
#b4a684
```
#b4a684 rgb(180,166,132)
```
#84b4a6
```
#84b4a6 rgb(132,180,166)
```

Triadic Color

#b48492
```
#b48492 rgb(180,132,146)
```
#b4a684
```
#b4a684 rgb(180,166,132)
```
#84b4a6
```
#84b4a6 rgb(132,180,166)
```
#8492b4
```
#8492b4 rgb(132,146,180)
```

Tetradic Color

#928259
```
#928259 rgb(146,130,89)
```
#a18f64
```
#a18f64 rgb(161,143,100)
```
#aa9b74
```
#aa9b74 rgb(170,155,116)
```
#b4a684
```
#b4a684 rgb(180,166,132)
```
#beb194
```
#beb194 rgb(190,177,148)
```
#c7bda4
```
#c7bda4 rgb(199,189,164)
```
#d1c8b4
```
#d1c8b4 rgb(209,200,180)
```

Monochromatic Color

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

#b49a84
```
#b49a84 rgb(180,154,132)
```
#b49e84
```
#b49e84 rgb(180,158,132)
```
#b4a284
```
#b4a284 rgb(180,162,132)
```
#b4a684
```
#b4a684 rgb(180,166,132)
```
#b4aa84
```
#b4aa84 rgb(180,170,132)
```
#b4ae84
```
#b4ae84 rgb(180,174,132)
```
#b4b284
```
#b4b284 rgb(180,178,132)
```

Similar Colors

Text with hexadecimal color #b4a684

This text has a font color of #b4a684.

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

#b4a684 background color

This paragraph has a background color of #b4a684.

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

#b4a684 border color

This element has a border color of #b4a684.

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

CSS codes

.text {color:#b4a684;}

.background {background-color:#b4a684;}

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

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

#0b0a07
```
#0b0a07 rgb(11,10,7)
```
#17150e
```
#17150e rgb(23,21,14)
```
#231f16
```
#231f16 rgb(35,31,22)
```
#302a1d
```
#302a1d rgb(48,42,29)
```
#3c3524
```
#3c3524 rgb(60,53,36)
```
#48402c
```
#48402c rgb(72,64,44)
```
#544b33
```
#544b33 rgb(84,75,51)
```
#60553b
```
#60553b rgb(96,85,59)
```
#6d6042
```
#6d6042 rgb(109,96,66)
```
#796b4a
```
#796b4a rgb(121,107,74)
```
#857651
```
#857651 rgb(133,118,81)
```
#918158
```
#918158 rgb(145,129,88)
```
#9d8b60
```
#9d8b60 rgb(157,139,96)
```

Shade Color Variation

#a5946c
```
#a5946c rgb(165,148,108)
```
#ad9d78
```
#ad9d78 rgb(173,157,120)
```
#b4a684
```
#b4a684 rgb(180,166,132)
```
#bbaf90
```
#bbaf90 rgb(187,175,144)
```
#c3b89c
```
#c3b89c rgb(195,184,156)
```
#cac0a9
```
#cac0a9 rgb(202,192,169)
```
#d2c9b5
```
#d2c9b5 rgb(210,201,181)
```
#d9d2c1
```
#d9d2c1 rgb(217,210,193)
```
#e1dbcd
```
#e1dbcd rgb(225,219,205)
```
#e8e4d9
```
#e8e4d9 rgb(232,228,217)
```
#efede5
```
#efede5 rgb(239,237,229)
```
#f7f5f2
```
#f7f5f2 rgb(247,245,242)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#9d9c9b
```
#9d9c9b rgb(157,156,155)
```
#a5a093
```
#a5a093 rgb(165,160,147)
```
#aca38c
```
#aca38c rgb(172,163,140)
```
#b4a684
```
#b4a684 rgb(180,166,132)
```
#bca97c
```
#bca97c rgb(188,169,124)
```
#c3ac75
```
#c3ac75 rgb(195,172,117)
```
#cbb06d
```
#cbb06d rgb(203,176,109)
```
#d2b366
```
#d2b366 rgb(210,179,102)
```
#dab65e
```
#dab65e rgb(218,182,94)
```
#e2b956
```
#e2b956 rgb(226,185,86)
```
#e9bc4f
```
#e9bc4f rgb(233,188,79)
```
#f1bf47
```
#f1bf47 rgb(241,191,71)
```
#f9c33f
```
#f9c33f rgb(249,195,63)
```

Tone Color Variation

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

Dichromacy

#b5ab8a Protanopia 1% of men
#c6a58c Deuteranopia 1% of men
#bda5b0 Tritanopia 0.001% of the population

Trichromacy

#b5a988 Protanomaly 1% of men, 0.01% of women
#bfa589 Deuteranomaly 6% of men, 0.4% of women
#b9a5a0 Tritanomaly 0.01% of the population

#b4a684 hex color

#b4a684 Color Information

#b4a684 Color Conversion

Color Schemes with #b4a684

Alternatives to #b4a684

#b4a684 Preview

Shades and Tints of #b4a684

Tones of #b4a684

Color Blindness Simulator