#b4afa6 hex color

In a RGB color space, hex #b4afa6 is composed of 70.6% red, 68.6% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 7.8% yellow and 29.4% black. It has a hue angle of 38.6 degrees, a saturation of 8.5% and a lightness of 67.8%. #b4afa6 color hex could be obtained by blending #ffffff with #695f4d. Closest websafe color is: #cc9999.

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

● #b4afa6 color description : Grayish orange.

The hexadecimal color #b4afa6 has RGB values of R:180, G:175, B:166 and CMYK values of C:0, M:0.03, Y:0.08, K:0.29. Its decimal value is 11841446.

Hex triplet	b4afa6	`#b4afa6`
RGB Decimal	180, 175, 166	`rgb(180,175,166)`
RGB Percent	70.6, 68.6, 65.1	`rgb(70.6%,68.6%,65.1%)`
CMYK	0, 3, 8, 29
HSL	38.6°, 8.5, 67.8	`hsl(38.6,8.5%,67.8%)`
HSV (or HSB)	38.6°, 7.8, 70.6
Web Safe	cc9999	`#cc9999`

CIE-LAB	71.634, 0.163, 5.234
XYZ	41.034, 43.117, 42.235
xyY	0.325, 0.341, 43.117
CIE-LCH	71.634, 5.236, 88.217
CIE-LUV	71.634, 3.428, 7.541
Hunter-Lab	65.663, -3.363, 7.829
Binary	10110100, 10101111, 10100110

#b4afa6
```
#b4afa6 rgb(180,175,166)
```
#a6abb4
```
#a6abb4 rgb(166,171,180)
```

Complementary Color

#b4a8a6
```
#b4a8a6 rgb(180,168,166)
```
#b4afa6
```
#b4afa6 rgb(180,175,166)
```
#b2b4a6
```
#b2b4a6 rgb(178,180,166)
```

Analogous Color

#a8a6b4
```
#a8a6b4 rgb(168,166,180)
```
#b4afa6
```
#b4afa6 rgb(180,175,166)
```
#a6b2b4
```
#a6b2b4 rgb(166,178,180)
```

Split Complementary Color

#afa6b4
```
#afa6b4 rgb(175,166,180)
```
#b4afa6
```
#b4afa6 rgb(180,175,166)
```
#a6b4af
```
#a6b4af rgb(166,180,175)
```

Triadic Color

#b4a6ab
```
#b4a6ab rgb(180,166,171)
```
#b4afa6
```
#b4afa6 rgb(180,175,166)
```
#a6b4af
```
#a6b4af rgb(166,180,175)
```
#a6abb4
```
#a6abb4 rgb(166,171,180)
```

Tetradic Color

#918a7c
```
#918a7c rgb(145,138,124)
```
#9d968a
```
#9d968a rgb(157,150,138)
```
#a8a398
```
#a8a398 rgb(168,163,152)
```
#b4afa6
```
#b4afa6 rgb(180,175,166)
```
#c0bbb4
```
#c0bbb4 rgb(192,187,180)
```
#cbc8c2
```
#cbc8c2 rgb(203,200,194)
```
#d7d4d0
```
#d7d4d0 rgb(215,212,208)
```

Monochromatic Color

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

#b4aca6
```
#b4aca6 rgb(180,172,166)
```
#b4ada6
```
#b4ada6 rgb(180,173,166)
```
#b4aea6
```
#b4aea6 rgb(180,174,166)
```
#b4afa6
```
#b4afa6 rgb(180,175,166)
```
#b4b0a6
```
#b4b0a6 rgb(180,176,166)
```
#b4b1a6
```
#b4b1a6 rgb(180,177,166)
```
#b4b3a6
```
#b4b3a6 rgb(180,179,166)
```

Similar Colors

Text with hexadecimal color #b4afa6

This text has a font color of #b4afa6.

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

#b4afa6 background color

This paragraph has a background color of #b4afa6.

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

#b4afa6 border color

This element has a border color of #b4afa6.

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

CSS codes

.text {color:#b4afa6;}

.background {background-color:#b4afa6;}

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

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

#070606
```
#070606 rgb(7,6,6)
```
#11100f
```
#11100f rgb(17,16,15)
```
#1c1b18
```
#1c1b18 rgb(28,27,24)
```
#272521
```
#272521 rgb(39,37,33)
```
#312f2a
```
#312f2a rgb(49,47,42)
```
#3c3933
```
#3c3933 rgb(60,57,51)
```
#47433c
```
#47433c rgb(71,67,60)
```
#514d45
```
#514d45 rgb(81,77,69)
```
#5c574d
```
#5c574d rgb(92,87,77)
```
#676156
```
#676156 rgb(103,97,86)
```
#716b5f
```
#716b5f rgb(113,107,95)
```
#7c7568
```
#7c7568 rgb(124,117,104)
```
#877f71
```
#877f71 rgb(135,127,113)
```

Shade Color Variation

#90897b
```
#90897b rgb(144,137,123)
```
#999286
```
#999286 rgb(153,146,134)
```
#a29c91
```
#a29c91 rgb(162,156,145)
```
#aba59b
```
#aba59b rgb(171,165,155)
```
#b4afa6
```
#b4afa6 rgb(180,175,166)
```
#bdb9b1
```
#bdb9b1 rgb(189,185,177)
```
#c6c2bb
```
#c6c2bb rgb(198,194,187)
```
#cfccc6
```
#cfccc6 rgb(207,204,198)
```
#d8d5d1
```
#d8d5d1 rgb(216,213,209)
```
#e1dfdb
```
#e1dfdb rgb(225,223,219)
```
#eae8e6
```
#eae8e6 rgb(234,232,230)
```
#f3f2f1
```
#f3f2f1 rgb(243,242,241)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

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

#aeadac
```
#aeadac rgb(174,173,172)
```
#b4afa6
```
#b4afa6 rgb(180,175,166)
```
#bab1a0
```
#bab1a0 rgb(186,177,160)
```
#c1b399
```
#c1b399 rgb(193,179,153)
```
#c7b493
```
#c7b493 rgb(199,180,147)
```
#cdb68d
```
#cdb68d rgb(205,182,141)
```
#d4b886
```
#d4b886 rgb(212,184,134)
```
#daba80
```
#daba80 rgb(218,186,128)
```
#e0bc7a
```
#e0bc7a rgb(224,188,122)
```
#e6bd74
```
#e6bd74 rgb(230,189,116)
```
#edbf6d
```
#edbf6d rgb(237,191,109)
```
#f3c167
```
#f3c167 rgb(243,193,103)
```
#f9c361
```
#f9c361 rgb(249,195,97)
```

Tone Color Variation

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

#b8b2aa Protanopia 1% of men
#c7adac Deuteranopia 1% of men
#bab0bc Tritanopia 0.001% of the population

Trichromacy

#b7b1a8 Protanomaly 1% of men, 0.01% of women
#c0aea9 Deuteranomaly 6% of men, 0.4% of women
#b8afb4 Tritanomaly 0.01% of the population

#b4afa6 hex color

#b4afa6 Color Information

#b4afa6 Color Conversion

Color Schemes with #b4afa6

Alternatives to #b4afa6

#b4afa6 Preview

Shades and Tints of #b4afa6

Tones of #b4afa6

Color Blindness Simulator