#b4afa3 hex color

In a RGB color space, hex #b4afa3 is composed of 70.6% red, 68.6% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 9.4% yellow and 29.4% black. It has a hue angle of 42.4 degrees, a saturation of 10.2% and a lightness of 67.3%. #b4afa3 color hex could be obtained by blending #ffffff with #695f47. 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

● #b4afa3 color description : Grayish orange.

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

Hex triplet	b4afa3	`#b4afa3`
RGB Decimal	180, 175, 163	`rgb(180,175,163)`
RGB Percent	70.6, 68.6, 63.9	`rgb(70.6%,68.6%,63.9%)`
CMYK	0, 3, 9, 29
HSL	42.4°, 10.2, 67.3	`hsl(42.4,10.2%,67.3%)`
HSV (or HSB)	42.4°, 9.4, 70.6
Web Safe	cc9999	`#cc9999`

CIE-LAB	71.56, -0.356, 6.775
XYZ	40.762, 43.008, 40.802
xyY	0.327, 0.345, 43.008
CIE-LCH	71.56, 6.784, 93.007
CIE-LUV	71.56, 3.611, 9.807
Hunter-Lab	65.58, -3.817, 9.018
Binary	10110100, 10101111, 10100011

#b4afa3
```
#b4afa3 rgb(180,175,163)
```
#a3a8b4
```
#a3a8b4 rgb(163,168,180)
```

Complementary Color

#b4a7a3
```
#b4a7a3 rgb(180,167,163)
```
#b4afa3
```
#b4afa3 rgb(180,175,163)
```
#b1b4a3
```
#b1b4a3 rgb(177,180,163)
```

Analogous Color

#a7a3b4
```
#a7a3b4 rgb(167,163,180)
```
#b4afa3
```
#b4afa3 rgb(180,175,163)
```
#a3b1b4
```
#a3b1b4 rgb(163,177,180)
```

Split Complementary Color

#afa3b4
```
#afa3b4 rgb(175,163,180)
```
#b4afa3
```
#b4afa3 rgb(180,175,163)
```
#a3b4af
```
#a3b4af rgb(163,180,175)
```

Triadic Color

#b4a3a8
```
#b4a3a8 rgb(180,163,168)
```
#b4afa3
```
#b4afa3 rgb(180,175,163)
```
#a3b4af
```
#a3b4af rgb(163,180,175)
```
#a3a8b4
```
#a3a8b4 rgb(163,168,180)
```

Tetradic Color

#928a79
```
#928a79 rgb(146,138,121)
```
#9d9787
```
#9d9787 rgb(157,151,135)
```
#a9a395
```
#a9a395 rgb(169,163,149)
```
#b4afa3
```
#b4afa3 rgb(180,175,163)
```
#bfbbb1
```
#bfbbb1 rgb(191,187,177)
```
#cbc7bf
```
#cbc7bf rgb(203,199,191)
```
#d6d4cd
```
#d6d4cd rgb(214,212,205)
```

Monochromatic Color

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

#b4aba3
```
#b4aba3 rgb(180,171,163)
```
#b4aca3
```
#b4aca3 rgb(180,172,163)
```
#b4aea3
```
#b4aea3 rgb(180,174,163)
```
#b4afa3
```
#b4afa3 rgb(180,175,163)
```
#b4b0a3
```
#b4b0a3 rgb(180,176,163)
```
#b4b2a3
```
#b4b2a3 rgb(180,178,163)
```
#b4b3a3
```
#b4b3a3 rgb(180,179,163)
```

Similar Colors

Text with hexadecimal color #b4afa3

This text has a font color of #b4afa3.

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

#b4afa3 background color

This paragraph has a background color of #b4afa3.

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

#b4afa3 border color

This element has a border color of #b4afa3.

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

CSS codes

.text {color:#b4afa3;}

.background {background-color:#b4afa3;}

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

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

#050504
```
#050504 rgb(5,5,4)
```
#100f0d
```
#100f0d rgb(16,15,13)
```
#1b1916
```
#1b1916 rgb(27,25,22)
```
#26241f
```
#26241f rgb(38,36,31)
```
#302e28
```
#302e28 rgb(48,46,40)
```
#3b3830
```
#3b3830 rgb(59,56,48)
```
#464239
```
#464239 rgb(70,66,57)
```
#514d42
```
#514d42 rgb(81,77,66)
```
#5c574b
```
#5c574b rgb(92,87,75)
```
#676154
```
#676154 rgb(103,97,84)
```
#716b5c
```
#716b5c rgb(113,107,92)
```
#7c7565
```
#7c7565 rgb(124,117,101)
```
#87806e
```
#87806e rgb(135,128,110)
```

Shade Color Variation

#918978
```
#918978 rgb(145,137,120)
```
#9a9383
```
#9a9383 rgb(154,147,131)
```
#a29c8d
```
#a29c8d rgb(162,156,141)
```
#aba698
```
#aba698 rgb(171,166,152)
```
#b4afa3
```
#b4afa3 rgb(180,175,163)
```
#bdb8ae
```
#bdb8ae rgb(189,184,174)
```
#c6c2b9
```
#c6c2b9 rgb(198,194,185)
```
#cecbc3
```
#cecbc3 rgb(206,203,195)
```
#d7d5ce
```
#d7d5ce rgb(215,213,206)
```
#e0ded9
```
#e0ded9 rgb(224,222,217)
```
#e9e7e4
```
#e9e7e4 rgb(233,231,228)
```
#f2f1ef
```
#f2f1ef rgb(242,241,239)
```
#fafaf9
```
#fafaf9 rgb(250,250,249)
```

Tint Color Variation

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

#aeaca9
```
#aeaca9 rgb(174,172,169)
```
#b4afa3
```
#b4afa3 rgb(180,175,163)
```
#bab29d
```
#bab29d rgb(186,178,157)
```
#c1b496
```
#c1b496 rgb(193,180,150)
```
#c7b790
```
#c7b790 rgb(199,183,144)
```
#ceba89
```
#ceba89 rgb(206,186,137)
```
#d4bc83
```
#d4bc83 rgb(212,188,131)
```
#dbbf7c
```
#dbbf7c rgb(219,191,124)
```
#e1c276
```
#e1c276 rgb(225,194,118)
```
#e7c470
```
#e7c470 rgb(231,196,112)
```
#eec769
```
#eec769 rgb(238,199,105)
```
#f4c963
```
#f4c963 rgb(244,201,99)
```
#fbcc5c
```
#fbcc5c rgb(251,204,92)
```

Tone Color Variation

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

#b9b2a7 Protanopia 1% of men
#c7ada9 Deuteranopia 1% of men
#bbafbc Tritanopia 0.001% of the population

Trichromacy

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

#b4afa3 hex color

#b4afa3 Color Information

#b4afa3 Color Conversion

Color Schemes with #b4afa3

Alternatives to #b4afa3

#b4afa3 Preview

Shades and Tints of #b4afa3

Tones of #b4afa3

Color Blindness Simulator