#b4afa4 hex color

In a RGB color space, hex #b4afa4 is composed of 70.6% red, 68.6% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 8.9% yellow and 29.4% black. It has a hue angle of 41.2 degrees, a saturation of 9.6% and a lightness of 67.5%. #b4afa4 color hex could be obtained by blending #ffffff with #695f49. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 71
- G 69
- B 64
RGB color chart
- C 0
- M 3
- Y 9
- K 29
CMYK color chart

● #b4afa4 color description : Grayish orange.

The hexadecimal color #b4afa4 has RGB values of R:180, G:175, B:164 and CMYK values of C:0, M:0.03, Y:0.09, K:0.29. Its decimal value is 11841444.

Hex triplet	b4afa4	`#b4afa4`
RGB Decimal	180, 175, 164	`rgb(180,175,164)`
RGB Percent	70.6, 68.6, 64.3	`rgb(70.6%,68.6%,64.3%)`
CMYK	0, 3, 9, 29
HSL	41.2°, 9.6, 67.5	`hsl(41.2,9.6%,67.5%)`
HSV (or HSB)	41.2°, 8.9, 70.6
Web Safe	cc9999	`#cc9999`

CIE-LAB	71.585, -0.184, 6.261
XYZ	40.852, 43.044, 41.276
xyY	0.326, 0.344, 43.044
CIE-LCH	71.585, 6.264, 91.683
CIE-LUV	71.585, 3.55, 9.054
Hunter-Lab	65.608, -3.667, 8.624
Binary	10110100, 10101111, 10100100

#b4afa4
```
#b4afa4 rgb(180,175,164)
```
#a4a9b4
```
#a4a9b4 rgb(164,169,180)
```

Complementary Color

#b4a7a4
```
#b4a7a4 rgb(180,167,164)
```
#b4afa4
```
#b4afa4 rgb(180,175,164)
```
#b1b4a4
```
#b1b4a4 rgb(177,180,164)
```

Analogous Color

#a7a4b4
```
#a7a4b4 rgb(167,164,180)
```
#b4afa4
```
#b4afa4 rgb(180,175,164)
```
#a4b1b4
```
#a4b1b4 rgb(164,177,180)
```

Split Complementary Color

#afa4b4
```
#afa4b4 rgb(175,164,180)
```
#b4afa4
```
#b4afa4 rgb(180,175,164)
```
#a4b4af
```
#a4b4af rgb(164,180,175)
```

Triadic Color

#b4a4a9
```
#b4a4a9 rgb(180,164,169)
```
#b4afa4
```
#b4afa4 rgb(180,175,164)
```
#a4b4af
```
#a4b4af rgb(164,180,175)
```
#a4a9b4
```
#a4a9b4 rgb(164,169,180)
```

Tetradic Color

#918a7a
```
#918a7a rgb(145,138,122)
```
#9d9688
```
#9d9688 rgb(157,150,136)
```
#a8a396
```
#a8a396 rgb(168,163,150)
```
#b4afa4
```
#b4afa4 rgb(180,175,164)
```
#c0bbb2
```
#c0bbb2 rgb(192,187,178)
```
#cbc8c0
```
#cbc8c0 rgb(203,200,192)
```
#d7d4ce
```
#d7d4ce rgb(215,212,206)
```

Monochromatic Color

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

#b4aba4
```
#b4aba4 rgb(180,171,164)
```
#b4aca4
```
#b4aca4 rgb(180,172,164)
```
#b4aea4
```
#b4aea4 rgb(180,174,164)
```
#b4afa4
```
#b4afa4 rgb(180,175,164)
```
#b4b0a4
```
#b4b0a4 rgb(180,176,164)
```
#b4b2a4
```
#b4b2a4 rgb(180,178,164)
```
#b4b3a4
```
#b4b3a4 rgb(180,179,164)
```

Similar Colors

Text with hexadecimal color #b4afa4

This text has a font color of #b4afa4.

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

#b4afa4 background color

This paragraph has a background color of #b4afa4.

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

#b4afa4 border color

This element has a border color of #b4afa4.

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

CSS codes

.text {color:#b4afa4;}

.background {background-color:#b4afa4;}

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

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

#060505
```
#060505 rgb(6,5,5)
```
#11100e
```
#11100e rgb(17,16,14)
```
#1b1a16
```
#1b1a16 rgb(27,26,22)
```
#26241f
```
#26241f rgb(38,36,31)
```
#312e28
```
#312e28 rgb(49,46,40)
```
#3c3831
```
#3c3831 rgb(60,56,49)
```
#46423a
```
#46423a rgb(70,66,58)
```
#514d43
```
#514d43 rgb(81,77,67)
```
#5c574c
```
#5c574c rgb(92,87,76)
```
#676155
```
#676155 rgb(103,97,85)
```
#716b5d
```
#716b5d rgb(113,107,93)
```
#7c7566
```
#7c7566 rgb(124,117,102)
```
#877f6f
```
#877f6f rgb(135,127,111)
```

Shade Color Variation

#918979
```
#918979 rgb(145,137,121)
```
#999384
```
#999384 rgb(153,147,132)
```
#a29c8e
```
#a29c8e rgb(162,156,142)
```
#aba699
```
#aba699 rgb(171,166,153)
```
#b4afa4
```
#b4afa4 rgb(180,175,164)
```
#bdb8af
```
#bdb8af rgb(189,184,175)
```
#c6c2ba
```
#c6c2ba rgb(198,194,186)
```
#cfcbc4
```
#cfcbc4 rgb(207,203,196)
```
#d7d5cf
```
#d7d5cf rgb(215,213,207)
```
#e0deda
```
#e0deda rgb(224,222,218)
```
#e9e8e5
```
#e9e8e5 rgb(233,232,229)
```
#f2f1ef
```
#f2f1ef rgb(242,241,239)
```
#fbfbfa
```
#fbfbfa rgb(251,251,250)
```

Tint Color Variation

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

#aeadaa
```
#aeadaa rgb(174,173,170)
```
#b4afa4
```
#b4afa4 rgb(180,175,164)
```
#bab19e
```
#bab19e rgb(186,177,158)
```
#c1b497
```
#c1b497 rgb(193,180,151)
```
#c7b691
```
#c7b691 rgb(199,182,145)
```
#ceb98a
```
#ceb98a rgb(206,185,138)
```
#d4bb84
```
#d4bb84 rgb(212,187,132)
```
#dabd7e
```
#dabd7e rgb(218,189,126)
```
#e1c077
```
#e1c077 rgb(225,192,119)
```
#e7c271
```
#e7c271 rgb(231,194,113)
```
#edc56b
```
#edc56b rgb(237,197,107)
```
#f4c764
```
#f4c764 rgb(244,199,100)
```
#fac95e
```
#fac95e rgb(250,201,94)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b0afad Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b2a8 Protanopia 1% of men
#c7adaa Deuteranopia 1% of men
#bbb0bc Tritanopia 0.001% of the population

Trichromacy

#b7b1a6 Protanomaly 1% of men, 0.01% of women
#c0aea8 Deuteranomaly 6% of men, 0.4% of women
#b8afb3 Tritanomaly 0.01% of the population

#b4afa4 hex color

#b4afa4 Color Information

#b4afa4 Color Conversion

Color Schemes with #b4afa4

Alternatives to #b4afa4

#b4afa4 Preview

Shades and Tints of #b4afa4

Tones of #b4afa4

Color Blindness Simulator