#baafa3 hex color

In a RGB color space, hex #baafa3 is composed of 72.9% red, 68.6% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.9% magenta, 12.4% yellow and 27.1% black. It has a hue angle of 31.3 degrees, a saturation of 14.3% and a lightness of 68.4%. #baafa3 color hex could be obtained by blending #ffffff with #755f47. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 73
- G 69
- B 64
RGB color chart
- C 0
- M 6
- Y 12
- K 27
CMYK color chart

● #baafa3 color description : Grayish orange.

The hexadecimal color #baafa3 has RGB values of R:186, G:175, B:163 and CMYK values of C:0, M:0.06, Y:0.12, K:0.27. Its decimal value is 12234659.

Hex triplet	baafa3	`#baafa3`
RGB Decimal	186, 175, 163	`rgb(186,175,163)`
RGB Percent	72.9, 68.6, 63.9	`rgb(72.9%,68.6%,63.9%)`
CMYK	0, 6, 12, 27
HSL	31.3°, 14.3, 68.4	`hsl(31.3,14.3%,68.4%)`
HSV (or HSB)	31.3°, 12.4, 72.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	72.057, 1.854, 7.553
XYZ	42.189, 43.744, 40.869
xyY	0.333, 0.345, 43.744
CIE-LCH	72.057, 7.777, 76.206
CIE-LUV	72.057, 7.235, 10.511
Hunter-Lab	66.139, -1.88, 9.66
Binary	10111010, 10101111, 10100011

#baafa3
```
#baafa3 rgb(186,175,163)
```
#a3aeba
```
#a3aeba rgb(163,174,186)
```

Complementary Color

#baa4a3
```
#baa4a3 rgb(186,164,163)
```
#baafa3
```
#baafa3 rgb(186,175,163)
```
#babaa3
```
#babaa3 rgb(186,186,163)
```

Analogous Color

#a4a3ba
```
#a4a3ba rgb(164,163,186)
```
#baafa3
```
#baafa3 rgb(186,175,163)
```
#a3baba
```
#a3baba rgb(163,186,186)
```

Split Complementary Color

#afa3ba
```
#afa3ba rgb(175,163,186)
```
#baafa3
```
#baafa3 rgb(186,175,163)
```
#a3baaf
```
#a3baaf rgb(163,186,175)
```

Triadic Color

#baa3ae
```
#baa3ae rgb(186,163,174)
```
#baafa3
```
#baafa3 rgb(186,175,163)
```
#a3baaf
```
#a3baaf rgb(163,186,175)
```
#a3aeba
```
#a3aeba rgb(163,174,186)
```

Tetradic Color

#998977
```
#998977 rgb(153,137,119)
```
#a49686
```
#a49686 rgb(164,150,134)
```
#afa294
```
#afa294 rgb(175,162,148)
```
#baafa3
```
#baafa3 rgb(186,175,163)
```
#c5bcb2
```
#c5bcb2 rgb(197,188,178)
```
#d0c8c0
```
#d0c8c0 rgb(208,200,192)
```
#dbd5cf
```
#dbd5cf rgb(219,213,207)
```

Monochromatic Color

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

#baa9a3
```
#baa9a3 rgb(186,169,163)
```
#baaba3
```
#baaba3 rgb(186,171,163)
```
#baada3
```
#baada3 rgb(186,173,163)
```
#baafa3
```
#baafa3 rgb(186,175,163)
```
#bab1a3
```
#bab1a3 rgb(186,177,163)
```
#bab3a3
```
#bab3a3 rgb(186,179,163)
```
#bab5a3
```
#bab5a3 rgb(186,181,163)
```

Similar Colors

Text with hexadecimal color #baafa3

This text has a font color of #baafa3.

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

#baafa3 background color

This paragraph has a background color of #baafa3.

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

#baafa3 border color

This element has a border color of #baafa3.

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

CSS codes

.text {color:#baafa3;}

.background {background-color:#baafa3;}

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

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

#090807
```
#090807 rgb(9,8,7)
```
#14120f
```
#14120f rgb(20,18,15)
```
#1f1c17
```
#1f1c17 rgb(31,28,23)
```
#2b2520
```
#2b2520 rgb(43,37,32)
```
#362f28
```
#362f28 rgb(54,47,40)
```
#413931
```
#413931 rgb(65,57,49)
```
#4c4339
```
#4c4339 rgb(76,67,57)
```
#574d42
```
#574d42 rgb(87,77,66)
```
#63574a
```
#63574a rgb(99,87,74)
```
#6e6152
```
#6e6152 rgb(110,97,82)
```
#796b5b
```
#796b5b rgb(121,107,91)
```
#847463
```
#847463 rgb(132,116,99)
```
#8f7e6c
```
#8f7e6c rgb(143,126,108)
```

Shade Color Variation

#988876
```
#988876 rgb(152,136,118)
```
#a19281
```
#a19281 rgb(161,146,129)
```
#a99c8d
```
#a99c8d rgb(169,156,141)
```
#b2a598
```
#b2a598 rgb(178,165,152)
```
#baafa3
```
#baafa3 rgb(186,175,163)
```
#c2b9ae
```
#c2b9ae rgb(194,185,174)
```
#cbc2b9
```
#cbc2b9 rgb(203,194,185)
```
#d3ccc5
```
#d3ccc5 rgb(211,204,197)
```
#dcd6d0
```
#dcd6d0 rgb(220,214,208)
```
#e4e0db
```
#e4e0db rgb(228,224,219)
```
#ece9e6
```
#ece9e6 rgb(236,233,230)
```
#f5f3f1
```
#f5f3f1 rgb(245,243,241)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#b4afa9
```
#b4afa9 rgb(180,175,169)
```
#baafa3
```
#baafa3 rgb(186,175,163)
```
#c0af9d
```
#c0af9d rgb(192,175,157)
```
#c6b097
```
#c6b097 rgb(198,176,151)
```
#cdb090
```
#cdb090 rgb(205,176,144)
```
#d3b08a
```
#d3b08a rgb(211,176,138)
```
#d9b084
```
#d9b084 rgb(217,176,132)
```
#dfb17e
```
#dfb17e rgb(223,177,126)
```
#e5b178
```
#e5b178 rgb(229,177,120)
```
#ecb171
```
#ecb171 rgb(236,177,113)
```
#f2b16b
```
#f2b16b rgb(242,177,107)
```
#f8b265
```
#f8b265 rgb(248,178,101)
```
#feb25f
```
#feb25f rgb(254,178,95)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b3b1ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab4a8 Protanopia 1% of men
#c9aea9 Deuteranopia 1% of men
#c0afbc Tritanopia 0.001% of the population

Trichromacy

#bab2a6 Protanomaly 1% of men, 0.01% of women
#c4aea6 Deuteranomaly 6% of men, 0.4% of women
#beafb3 Tritanomaly 0.01% of the population

#baafa3 hex color

#baafa3 Color Information

#baafa3 Color Conversion

Color Schemes with #baafa3

Alternatives to #baafa3

#baafa3 Preview

Shades and Tints of #baafa3

Tones of #baafa3

Color Blindness Simulator